近来因为要做一个上传功能，而firefox又不能直接使用file这样的标签，所以试着用js来写了一个，结果发现代码太多，验证太复杂，而且效果也不理想。

　　相对的，jquery提供的这一套uploadify则相当好用，但是官方只提供了php版本的，表示有点遗憾，可是没关系，c#同样可以使用。下面写一个小的Demo，也是担心自己会忘记，在这做一个记录吧

　　首先下载 uploadify3.1

　　我们先写个html页面

　　

 <body>

 <div>

     <div id="fileQueue"></div>

     <input type="file" name="uploadify" id='uploadify' value=""  />

     <p>

         <a href="javascript:$('#uploadify').uploadify('upload')">Start</a>

         <a href="javascript:$('#uploadify').uploadify('cancel')">Cancel</a>

     </p>

 </div>

 </body>

ok，页面完成之后，下面就是前奏了，我们需要导入相应的js和css样式，以及uploadify各参数的定义了，下面我们就来完成js的页面

  <script src="JS/jquery-1.8.0.js" type="text/javascript"></script>

     <link href="JS/uploadify.css" rel="stylesheet" type="text/css" />

     <script src="JS/jquery.uploadify-3.1.js" type="text/javascript"></script>

 <script>

     $(function () {

     $("#uploadify").uploadify({

         //上传false

         'swf': 'JS/uploadify.swf',

         //后台业务处理

         'uploader': 'UploadHandler.ashx',

         //按钮

         'buttonText': 'Upload Image',

         //设置宽高

         'height': 15,

         'width': 80,

         'All Files': '*.*',

         //在浏览窗口底部的文件类型下拉菜单中显示的文本

         'fileTypeDesc': 'Image Files',

         'fileTypeExts': '*.gif;*.jpg;*.png',

         'size': '5120KB',

         //设置是否自动上传，选择完成后自动上传，这里我并没有自动上传

         'auto': false,

         //设置是否可以上传多个文件

         'multi': false,

         //上传成功后所执行的代码

         'onUploadSuccess': function (file, data, response) {

             $("#" + file.id).find('.data').html('上传完毕');

         },

         //上传失败时所执行的代码

         'onUploadError': function (file, data, response) {

             $('#' + file.id).find('.data').html('文件过大');

         },

         //开始上传时所执行的代码

         'onUploadStart': function (file) {

             alert("start");

             alert(file.name);

         }

     });

 });

 </script>

这里完成之后，我们就只差最后一步了，就是后台业务的处理，asp.net一般结合handler来使用，所以我们先创建一个uploadhandler.ashx文件

     context.Response.ContentType = "text/plain";

             context.Response.Write("Hello World");

             HttpPostedFile file = context.Request.Files["Filedata"];

             //获取保存路径

             string uploadPath =

                 HttpContext.Current.Server.MapPath("UploadImages" + "\\");

             //判断文件是否为空

             if (file != null)

             {

                 if (!Directory.Exists(uploadPath))

                 {

                     Directory.CreateDirectory(uploadPath);

                 }

                 //Save File

                 file.SaveAs(uploadPath + file.FileName);

                 //这里的返回值比较重要，1表示正确，0则是失败，成功后，会继续上传下一个文件

                 context.Response.Write("");

             }

             else {

                 context.Response.Write("");

             }

说到这，功能便已经完成了，我发下我的文件结构图

点击这里下载uploadify 3.1

好，暂时就这些了，也是刚刚接触这个，其他的还在研究中

JQUERY Uploadify 3.1 C#使用案例的更多相关文章

  1. 使用jquery.uploadify上传文件

    今天在网上找了一天,想要找到一个比较全的使用案例,结果发现基本上全是一个版本的... 我的问题主要是上传完成后,还需要将路径获取到,然后保存到数据库. 查了一下资料发现有这么一个参数onComplet ...

  2. jquery.uploadify文件上传组件

    1.jquery.uploadify简介 在ASP.NET中上传的控件有很多,比如.NET自带的FileUpload,以及SWFUpload,Uploadify等等,尤其后面两个控件的用户体验比较好, ...

  3. 使用jQuery Uploadify在ASP.NET 上传附件

    Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.Uploadify官方网址:http://www.uploadify.com/,在MVC中使用的方法可以参考 jQuer ...

  4. jquery.uploadify上传文件配置详解(asp.net mvc)

    页面源码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" c ...

  5. jQuery uploadify 文件上传

    uploadify这个插件是基于js里面的jquery库写的.结合了ajax和flash,实现了这个多线程上传的功能.现在最新版为3.2.1. 在线实例 实例预览 Uploadify 在线实例Demo ...

  6. MVC中使用jquery uploadify上传图片报302错误

    使用jquery uploadify上传图片报302错误研究了半天,发现我上传的action中有根据session判断用户是否登录,如果没有登录就跳到登陆页,所以就出现了302跳转错误.原来更新了fl ...

  7. .Net多文件同时上传（Jquery Uploadify）

    前提:领导给了我一个文件夹,里面有4000千多张产品图片,每张图片已产品编号+产品名称命名,要求是让我把4000多张产品图片上传到服务器端,而且要以产品编码创建n个文件夹,每张图片放到对应的文件夹下. ...

  8. JQuery uploadify 的使用

    在Java WEB项目中用到了上传图片的功能,于是百度了一下,发现 uploadify 的出镜率很高,于是决定使用这个插件.结果昨天调试了一天没有成功,今天早上仔细想了想,觉得应该是调用js文件的原因 ...

  9. jQuery uploadify在谷歌和火狐浏览器下无法上传

    原因: 由于jQuery uploadify是借助flash来实现上传的,每一次向后台发送数据流请求时,ie会自动把本地cookie存储捆绑在一起发送给服务器.但firefox.chrome不会这样做 ...

随机推荐

  1. MYSQL 随机选取几条数据

    SELECT * FROM tablename AS r1 JOIN (SELECT ROUND(RAND() *(SELECT MAX(id)FROM tablename)) AS id) AS r ...

  2. c语言中external，static关键字用法

    static用法: 在C中,static主要定义全局静态变量.定义局部静态变量.定义静态函数. 1.定义全局静态变量:在全局变量前面加上关键字static,该全局变量变成了全局静态变量.全局静态变量有 ...

  3. 转载 【iOS开发】网页JS与OC交互（JavaScriptCore） OC ----->JS

      目标 本文介绍利用苹果在iOS7时发布的JavaScriptCore.framework框架进行js与OC的交互.我们想要达到的目标是: OC调用网页上的js方法 网页js调用APP中的OC方法 ...

  4. JS 创建对象(常见的几种方法)

    贴个代码先: function O(user,pwd){ //use constructor this.user=user; this.pwd=pwd; this.get=get; return th ...

  5. extendgcd模板

    看了数论第一章,终于搞懂了扩展欧几里德,其实就是普通欧几里德的逆推过程. // ax+by = gcd(a,b) ->求解x,y 其中a,b不全为0,可以为负数// 复杂度:O(log2a)vo ...

  6. 【BZOJ1778】[Usaco2010 Hol]Dotp 驱逐猪猡 期望DP+高斯消元

    [BZOJ1778][Usaco2010 Hol]Dotp 驱逐猪猡 Description 奶牛们建立了一个随机化的臭气炸弹来驱逐猪猡.猪猡的文明包含1到N (2 <= N <= 300 ...

  7. 【python】-- 类的装饰器方法、特殊成员方法

    装饰器方法 类的另外的特性,装饰器方法:静态方法(staticmethod).类方法(classmethod).属性方法(property) 一.静态方法 在方法名前加上@staticmethod装饰 ...

  8. python基础-第五篇-5.2递归

    又是一个阳光明媚的日子,小白看着刚刚从东边升起的太阳,感觉太阳爷爷也在向她打招呼,小白就不经的微笑起来!心想:今天又会学到什么有趣的东西呢?有些小期待,也有些小激动! 小刘来得比小白还早,两辆相视而笑 ...

  9. OpenCV编程->RGB直方图统计

      我们在处理彩色图像时.特别是在做局部图像的阈值切割时,须要一个直观的RGB统计图.   接下来開始实现.    代码: void CalcHistRGB() { IplImage* img_sou ...

  10. 用swift创建各种UI控件【iSwifting社区】

    为了方便大家学习,www.iSwifting.com社区为大家准备了创建各种UI控件的代码.開始看着语法可能有些别扭,当用习惯了,就认为还是非常不错的. 社区还添加了问答专区.有问题的朋友.虽然问.大 ...