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 相关文章推荐
关于onScroll事件在IE6下每次滚动触发三次bug说明
Sep 21 Javascript
检查输入的是否是数字使用keyCode配合onkeypress事件
Jan 23 Javascript
javascript的switch用法注意事项分析
Feb 02 Javascript
js实现带有介绍的Select列表菜单实例
Aug 18 Javascript
Bootstrap基本模板的使用和理解1
Dec 14 Javascript
JavaScript实现动态增删表格的方法
Mar 09 Javascript
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
Aug 24 Javascript
vue改变对象或数组时的刷新机制的方法总结
Apr 24 Javascript
vue $set 给数据赋值的实例
Nov 09 Javascript
JavaScript DOM常用操作代码汇总
Jul 03 Javascript
vue引入Excel表格插件的方法
Apr 28 Vue.js
vue中的可拖拽宽度div的实现示例
Apr 08 Vue.js
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计算页面执行时间的实现代码
2013/06/18 PHP
php实现根据IP地址获取其所在省市的方法
2015/04/30 PHP
PHP迭代器和生成器用法实例分析
2019/09/28 PHP
Laravel5.5 数据库迁移:创建表与修改表示例
2019/10/23 PHP
基于JQuery的数字改变的动画效果--可用来做计数器
2010/08/11 Javascript
Javascript封装DOMContentLoaded事件实例
2014/06/12 Javascript
JavaScript requestAnimationFrame动画详解
2017/09/14 Javascript
在JS循环中使用async/await的方法
2018/10/12 Javascript
详解vue中axios请求的封装
2019/04/08 Javascript
详解Vue中使用插槽(slot)、聚类插槽
2019/04/12 Javascript
vue.js实现回到顶部动画效果
2019/07/31 Javascript
js实现小球在页面规定的区域运动
2020/06/16 Javascript
[53:20]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 VG vs OG
2018/04/03 DOTA
[57:22]完美世界DOTA2联赛PWL S2 FTD vs PXG 第二场 11.27
2020/12/01 DOTA
python中input()与raw_input()的区别分析
2016/02/27 Python
Python实现堆排序的方法详解
2016/05/03 Python
Python之自动获取公网IP的实例讲解
2017/10/01 Python
Windows环境下python环境安装使用图文教程
2018/03/13 Python
详解python中的hashlib模块的使用
2019/04/22 Python
python常用函数与用法示例
2019/07/02 Python
python 并发编程 阻塞IO模型原理解析
2019/08/20 Python
浅谈django 模型类使用save()方法的好处与注意事项
2020/03/28 Python
Python selenium如何打包静态网页并下载
2020/08/12 Python
荷兰家电销售网站:Welhof
2020/12/08 全球购物
客房主管岗位职责
2013/12/09 职场文书
军训的自我鉴定
2013/12/10 职场文书
试用期转正鉴定评语
2014/01/27 职场文书
学生周末回家住宿长期请假条
2014/02/15 职场文书
党员公开承诺事项
2014/03/25 职场文书
开工仪式策划方案
2014/05/23 职场文书
2014优秀党员事迹材料
2014/08/14 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
水电施工员岗位职责
2015/04/11 职场文书
亮剑观后感
2015/06/05 职场文书
银行文明优质服务培训心得体会
2016/01/09 职场文书
python实现股票历史数据可视化分析案例
2021/06/10 Python