JQuery.uploadify 上传文件插件的使用详解 for ASP.NET


Posted in Javascript onJanuary 22, 2010

后来朋友推荐了一个这个叫uploadify的上传插件,似乎挺好,就到官方下了个示例运行,感觉挺好,自己再稍加美化一下就OK 了..!

接下来就讲讲使用过程吧:

1. 下载

   官方网站:http://www.uploadify.com/

   直接下载:jquery.uploadify-v2.1.0.rar

   我的Demo: MyUpload.rar                官方网站也有demo

   下载解压后:

      JQuery.uploadify 上传文件插件的使用详解 for ASP.NET

     说明:它里面有demo  但是是PHP的,还有一个帮助文档:uploadify v2.1.0 Manual.pdf.

2.创建工程:

    结构如图>>

    JQuery.uploadify 上传文件插件的使用详解 for ASP.NET

    文件说明:

     A.js文件夹下的所有文件:必需,从下载下来的包里解压复制过来,名字可以自己改改

   B.Default.aspx:测试页,后台没有代码

<%@ Page Language="C#" AutoEventWireup="true" Codebehind="Default.aspx.cs" Inherits="WebApplication2._Default" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>jquery.uploadify 上传插件的使用</title> 
<link rel="Stylesheet" href="js/uploadify.css" /> 
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="js/swfobject.js"></script> 
<script type="text/javascript" src="js/jquery.uploadify.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$("#uploadify").uploadify({ 
'uploader': 'js/uploadify.swf', 
'script': 'Upload.aspx', 
'cancelImg': 'js/cancel.png', 
'folder': 'upload', 
'queueID': 'fileQueue', 
'auto': false, 
'multi': true, 
}); 
}); 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<input type="file" name="uploadify" id="uploadify" /> 
<a href="javascript:$('#uploadify').uploadifyUpload()">上传</a>| <a href="javascript:$('#uploadify').uploadifyClearQueue()"> 取消上传</a> 
<div id="fileQueue"></div> 
</form> 
</body> 
</html>

C.Upload.aspx: 处理上传文件
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Upload.aspx.cs" Inherits="WebApplication2.Upload" %>

代码
using System; 
using System.Data; 
using System.Configuration; 
using System.Collections; 
using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Web.UI.WebControls.WebParts; 
using System.Web.UI.HtmlControls; 
using System.IO; 
namespace WebApplication2 
{ 
public partial class Upload : System.Web.UI.Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
HttpPostedFile file = Request.Files["FileData"]; 
string uploadpath = Server.MapPath(Request["folder"] + "\\"); 
if (file != null) 
{ 
if (!Directory.Exists(uploadpath)) 
{ 
Directory.CreateDirectory(uploadpath); 
} 
file.SaveAs(uploadpath + file.FileName); 
Response.Write("1"); 
} 
else 
{ 
Response.Write("0"); 
} 
} 
} 
}

D.upload这个文件加也是必需
3.运行结果:

   JQuery.uploadify 上传文件插件的使用详解 for ASP.NET

4.最后说说:这个只是一个简单的入门例子,至于界面可以根据自己的需要去改

Javascript 相关文章推荐
jquery tools系列 expose 学习
Sep 06 Javascript
利用jquery操作select下拉列表框的代码
Jun 04 Javascript
javascript scrollTop正解使用方法
Nov 14 Javascript
javascript 上下banner替换具体实现
Nov 14 Javascript
javascript实现简单的二级联动
Mar 19 Javascript
JavaScript通过join函数连接数组里所有元素的方法
Mar 20 Javascript
javascript中使用正则表达式清理table样式的代码
Apr 01 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
Oct 28 Javascript
jQuery EasyUI Pagination实现分页的常用方法
May 21 Javascript
vue实现微信分享功能
Nov 28 Javascript
JS合并两个数组的3种方法详解
Oct 24 Javascript
JS使用for in有序获取对象数据
May 19 Javascript
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
Jan 22 #Javascript
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
Jan 22 #Javascript
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
Jan 22 #Javascript
jQuery 入门级学习笔记及源码
Jan 22 #Javascript
JQuery 确定css方框模型(盒模型Box Model)
Jan 22 #Javascript
Jquery实战_读书笔记2 选择器
Jan 22 #Javascript
Jquery实战_读书笔记1—选择jQuery
Jan 22 #Javascript
You might like
PHP调用Twitter的RSS的实现代码
2010/03/10 PHP
php导出word格式数据的代码实例
2013/11/25 PHP
Codeigniter实现智能裁剪图片的方法
2014/06/12 PHP
php中unserialize返回false的解决方法
2014/09/22 PHP
在laravel中使用Symfony的Crawler组件分析HTML
2017/06/19 PHP
PhpStorm配置Xdebug调试的方法步骤
2019/02/02 PHP
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
2015/03/28 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
js显示动态时间的方法详解
2016/08/20 Javascript
JSON对象 详解及实例代码
2016/10/18 Javascript
Bootstrap输入框组件使用详解
2017/06/09 Javascript
详解微信小程序 template添加绑定事件
2017/06/23 Javascript
vue.js实现单选框、复选框和下拉框示例
2017/07/18 Javascript
微信小程序 获取session_key和openid的实例
2017/08/17 Javascript
Node.js实现连接mysql数据库功能示例
2017/09/15 Javascript
Vuex mutitons和actions初使用详解
2019/03/04 Javascript
ant-design-vue 时间选择器赋值默认时间的操作
2020/10/27 Javascript
vue+echarts实现中国地图流动效果(步骤详解)
2021/01/27 Vue.js
[07:12]2014DOTA2西雅图国际邀请赛 黑马Liquid专题采访
2014/07/12 DOTA
[02:08]2014DOTA2国际邀请赛 430专访:力争取得小组前二
2014/07/11 DOTA
老生常谈python的私有公有属性(必看篇)
2017/06/09 Python
python中数据爬虫requests库使用方法详解
2018/02/11 Python
Python 实现加密过的PDF文件转WORD格式
2020/02/04 Python
QT5 Designer 打不开的问题及解决方法
2020/08/20 Python
ASOS比利时:英国线上零售商及自有品牌
2018/07/29 全球购物
数控个人求职信范文
2014/02/03 职场文书
新闻学专业大学生职业生涯规划范文
2014/03/02 职场文书
优秀班主任经验交流材料
2014/06/02 职场文书
党员评议表自我评价范文
2014/10/20 职场文书
思想品德评语大全
2014/12/31 职场文书
2015年幼儿园中班工作总结
2015/04/25 职场文书
卫生保健工作总结2015
2015/05/18 职场文书
入党函调证明材料
2015/06/19 职场文书
写给消防战士们的一封慰问信
2019/10/07 职场文书
PyTorch 如何设置随机数种子使结果可复现
2021/05/12 Python
Python快速实现一键抠图功能的全过程
2021/06/29 Python