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 相关文章推荐
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
Jan 15 Javascript
javascript 构造函数强制调用经验总结
Dec 02 Javascript
Python脚本后台运行的几种方式
Mar 09 Javascript
实例讲解避免javascript冲突的方法
Jan 03 Javascript
jQuery EasyUi实战教程之布局篇
Jan 26 Javascript
JQuery对ASP.NET MVC数据进行更新删除
Jul 13 Javascript
Vue计算属性的学习笔记
Mar 22 Javascript
微信小程序图片自适应支持多图实例详解
Jun 21 Javascript
JS从非数组对象转数组的方法小结
Mar 26 Javascript
实例解析Vue.js下载方式及基本概念
May 11 Javascript
vue内置组件transition简单原理图文详解(小结)
Jul 12 Javascript
Vue js with语句原理及用法解析
Sep 03 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
全国FM电台频率大全 - 18 湖南省
2020/03/11 无线电
Classes and Objects in PHP5-面向对象编程 [1]
2006/10/09 PHP
PHP EOT定界符的使用详解
2008/09/30 PHP
PHP UTF8中文字符截断函数代码
2012/09/11 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
PHP中的类型提示(type hinting)功能介绍
2015/07/01 PHP
详解cookie验证的php应用的一种SSO解决办法
2017/10/20 PHP
javascript的trim,ltrim,rtrim自定义函数
2008/09/21 Javascript
JavaScript XML操作 封装类
2009/07/01 Javascript
JQuery this 和 $(this) 的区别
2009/08/23 Javascript
jquery遍历checkbox介绍
2014/02/21 Javascript
深入理解JavaScript系列(26):设计模式之构造函数模式详解
2015/03/03 Javascript
bootstrap-treeview自定义双击事件实现方法
2016/01/09 Javascript
浅谈JavaScript 覆盖原型以及更改原型
2016/08/31 Javascript
Javascript函数中的arguments.callee用法实例分析
2016/09/16 Javascript
js实现数组和对象的深浅拷贝
2017/09/30 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
2017/12/25 Javascript
通过nodejs 服务器读取HTML文件渲染到页面的方法
2018/05/17 NodeJs
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
python Django模板的使用方法(图文)
2013/11/04 Python
python使用ctypes模块调用windowsapi获取系统版本示例
2014/04/17 Python
用Python实现协同过滤的教程
2015/04/08 Python
对Python Class之间函数的调用关系详解
2019/01/23 Python
浅谈Python爬虫基本套路
2019/03/25 Python
Python3.5内置模块之shelve模块、xml模块、configparser模块、hashlib、hmac模块用法分析
2019/04/27 Python
快速解决jupyter启动卡死的问题
2020/04/10 Python
KIEHL’S科颜氏官方旗舰店:源自美国的顶级护肤品牌
2018/06/07 全球购物
Sahajan美国:阿育吠陀护肤品牌
2021/01/09 全球购物
建筑毕业生自我鉴定
2013/10/18 职场文书
即将毕业大学生自荐信
2014/01/24 职场文书
群众路线教育实践活动心得体会
2014/03/07 职场文书
质量安全标语
2014/06/07 职场文书
战略合作意向书
2014/07/29 职场文书
社区艾滋病宣传活动总结
2015/05/07 职场文书
一次项目中Thinkphp绕过禁用函数的实战记录
2021/11/17 PHP
解决WINDOWS电脑开机后桌面没有任何图标
2022/04/09 数码科技