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动态加载图片数据练习代码
Aug 04 Javascript
js获取单选框或复选框值及操作
Dec 18 Javascript
动态加载js和css(外部文件)
Apr 17 Javascript
js 控制页面跳转的5种方法
Sep 09 Javascript
学习javascript面向对象 理解javascript对象
Jan 04 Javascript
html5 canvas 详细使用教程
Jan 20 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
Feb 14 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
Apr 24 Javascript
vue keep-alive请求数据的方法示例
May 16 Javascript
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
vuex 实现getter值赋值给vue组件里的data示例
Nov 05 Javascript
微信小程序使用前置摄像头拍照
Oct 22 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
如何限制访问者的ip(PHPBB的代码)
2006/10/09 PHP
正则表达式语法
2006/10/09 Javascript
PHP防盗链代码实例
2014/08/27 PHP
php实现的替换敏感字符串类实例
2014/09/22 PHP
PHP实现文件下载断点续传详解
2014/10/15 PHP
php支持中文字符串分割的函数
2015/05/28 PHP
php实现编辑和保存文件的方法
2015/07/20 PHP
PHP程序员必须知道的两种日志实例分析
2020/05/14 PHP
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
2014/01/09 Javascript
node.js入门教程
2014/06/01 Javascript
JavaScript获取网页支持表单字符集的方法
2015/04/02 Javascript
JS实现网页标题随机显示名人名言的方法
2015/11/03 Javascript
Angular.js中用ng-repeat-start实现自定义显示
2016/10/18 Javascript
原生JS实现不断变化的标签
2017/05/22 Javascript
关于Stream和Buffer的相互转换详解
2017/07/26 Javascript
JS字符串去除连续或全部重复字符的实例
2018/03/08 Javascript
js数组去重的方法总结
2019/01/18 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
2019/08/27 Javascript
微信小程序全局变量的设置、使用、修改过程解析
2019/09/24 Javascript
Vue如何获取数据列表展示
2019/12/11 Javascript
[01:02:10]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第一局
2016/02/26 DOTA
python数据结构之二叉树的建立实例
2014/04/29 Python
介绍Python中内置的itertools模块
2015/04/29 Python
Python调用微信公众平台接口操作示例
2017/07/08 Python
详解Python 协程的详细用法使用和例子
2018/06/15 Python
对TensorFlow中的variables_to_restore函数详解
2018/07/30 Python
Python制作exe文件简单流程
2019/01/24 Python
python实现烟花小程序
2019/01/30 Python
英国工艺品购物网站:Minerva Crafts
2018/01/29 全球购物
《童趣》教学反思
2014/02/19 职场文书
人力资源部经理岗位职责规定
2014/02/23 职场文书
年终总结会议主持词
2014/03/17 职场文书
中华在我心中演讲稿
2014/09/13 职场文书
医生辞职信范文
2015/03/02 职场文书
企业战略合作意向书
2015/05/08 职场文书
《没有任何借口》读后感:完美的执行能力
2020/01/07 职场文书