Jquery-uploadify多文件上传插件使用起来非常的给力，在此记录一下使用方法。

query-uploadify插件的属性设置

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

        $(function () {

            $("#uploadify").uploadify({

                'swf': '/JS/jquery.uploadify/uploadify.swf',//flash地址

                'uploader': 'UploadHandler.ashx',//后台处理程序

                'buttonImage': '/img/bgimg.jpg',//按钮图片

                'auto': true,//选中后是否自动上传

                'multi': true,//是否可以多文件上传

                'queueID': 'fileQueue',//成功后列表追加对象

                'width': 157,

                'height': 45,

                'fileSizeLimit': '50MB',//文件大小限制

                'fileTypeExts': '*.docx;*.doc;*.ppt;*.pptx;*.pdf;*.caj;*.txt;*.rar;*.zip;*.jpg;*.gif;',//格式限制

                'fileTypeDesc:': '请选择docx doc ppt pptx pdf caj txt rar zip jpg gif文件',//格式提示

                'progressData': 'all',//进度显示样式

                'removeCompleted': false,//是否移除队列

                'overrideEvents': ['onSelectError', 'onDialogClose'],//重写事件

                //返回一个错误，选择文件的时候触发

                'onSelectError': function (file, errorCode, errorMsg) {

                    switch (errorCode) {

                        case -100:

                            alert("上传的文件数量已经超出系统限制的" + $('#uploadify').uploadify('settings', 'queueSizeLimit') + "个文件！");

                            break;

                        case -110:

                            alert("文件 [" + file.name + "] 大小超出系统限制的" + $('#uploadify').uploadify('settings', 'fileSizeLimit') + "大小！");

                            break;

                        case -120:

                            alert("文件 [" + file.name + "] 大小异常！");

                            break;

                        case -130:

                            alert("文件 [" + file.name + "] 类型不正确！");

                            break;

                    }

                    return true;

                },

                //检测FLASH失败调用

                'onFallback': function () {

                    alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");

                }

            });

        });

</script>
<!--Jquery-uploadify调用-->

<body>

    <p>

        <a href="javascript:$('#uploadify').uploadifyUpload()">上传</a>|

        <a href="javascript:$('#uploadify').uploadifyClearQueue()">取消上传</a>

    </p>

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

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

</body>

处理文件UploadHandler.ashx.cs代码

较为基本的处理程序，接收uploadify文件数据进行处理保存。

/// <summary>

    /// $codebehindclassname$ 的摘要说明

    /// </summary>

    [WebService(Namespace = "http://tempuri.org/")]

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

    public class UploadHandler : IHttpHandler

    {

        public void ProcessRequest(HttpContext context)

        {

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

            context.Response.Charset = "utf-8";   

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

            string  uploadPath =

                HttpContext.Current.Server.MapPath(@context.Request["folder"])+"\\";  

            if (file != null)

            {

               if (!Directory.Exists(uploadPath))

               {

                   Directory.CreateDirectory(uploadPath);

               }

               file.SaveAs(uploadPath + file.FileName);

                //下面这句代码缺少的话，上传成功后上传队列的显示不会自动消失

               context.Response.Write("");

            }

            else

            {

                context.Response.Write("");

            }

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }

uploaddify相关链接

Jquery-uploadify多文件上传插件使用介绍的更多相关文章

  1. Uploadify多文件上传插件.NET使用案例+PHP使用案例

    ploadify是一个非常好用的多文件上传插件 插件下载:http://www.uploadify.com 下载后需要用到的文件: 接下来就是直接添加代码: Default.aspx代码 <%@ ...

  2. FCKeditor插件开发实例：uploadify多文件上传插件

    FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器.它志于轻量化,不需要太复杂的安装步骤即可使用.它可和PHP.JavaScript.ASP.ASP.NET.ColdFusi ...

  3. Jquery Uploadify多文件上传实例

    jQuery Uploadify开发使用的语言是java. 详细的相关文档,可以参考官网的doc:http://www.uploadify.com/documentation/ 官网的讲解还是很详细的 ...

  4. jQuery File Upload 文件上传插件使用一 (最小安装 基本版)

    jQuery File Upload 是一款非常强大的文件上传处理插件,支持多文件上传,拖拽上传,进度条,文件验证及图片音视频预览,跨域上传等等. 可以说你能想到的功能它都有.你没想到的功能它也有.. ...

  5. jQuery File Upload文件上传插件简单使用

    前言 开发过程中有时候需要用户在前段上传图片信息,我们通常可以使用form标签设置enctype=”multipart/form-data” 属性上传图片,当我们点击submit按钮的时候,图片信息就 ...

  6. jQuery File Upload 文件上传插件使用二 (功能完善)

    使用Bootstrap美化进度条 Bootstrap现在几乎是人尽皆知了,根据它提供的进度条组件, 让进度条显得高大尚点 正因为其功能强大,js模块文件之间牵连较深 不好的地方耦合度非常高 重要的参数 ...

  7. jquery file upload 文件上传插件

    1. jquery file upload 下载 jquery file upload Demo 地址:https://blueimp.github.io/jQuery-File-Upload/ jq ...

  8. 强大的支持多文件上传的jQuery文件上传插件Uploadify

    支持多文件上传的jQuery文件上传插件Uploadify,目前此插件有两种版本即Flash版本和HTML5版本,对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持Fla ...

  9. jQuery文件上传插件Uploadify（转）

    一款基于flash的文件上传,有进度条和支持大文件上传,且可以多文件上传队列. 这款在flash的基础上增加了html5的支持,所以在移动端也可以使用. 由于官方提供的版本是flash免费,html5 ...

随机推荐

  1. 执行start-dfs.sh后，datenode没有启动

    Hadoop2.2.0启动异常 – Incompatible clusterIDs 2014年08月29日 ⁄ 综合 ⁄ 共 2399字 ⁄ 字号 小 中 大 ⁄ 评论关闭 今天启动Hadoop2.2 ...

  2. js鼠标右键操作

    一个页面中,BODY中用oncontextmenu='return false'来取消鼠标右键: 在JS中设置oncontextmenu='return true'用window.document. ...

  3. [转]C++ list 类学习笔记

    双向循环链表list list是双向循环链表,,每一个元素都知道前面一个元素和后面一个元素.在STL中,list和vector一样,是两个常被使用的容器.和vector不一样的是,list不支持对元素 ...

  4. win7下搭建nginx+php的开发环境

    本来在win7下用的是IIS做web服务器,但近来因项目需求的原因,需要在服务器遇到404错误的时候自动做转向(不是在客户端的跳转,而是在服务器收到客户端请求去某目录下读取文件返回时,如果发现目录或目 ...

  5. 3.1 as86汇编器

    在开始讲述as86汇编器前,这本书引用内核中bootsect.s框架程序汇编代码来解释,记录下这一小段代码中不理解的地方,下面是这段实例代码: .globl begtext, begdata, beg ...

  6. js获取对象位置的方法

    scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最 ...

  7. HashMap HashTable HashSet区别剖析

    HashMap.HashSet.HashTable之间的区别是Java程序员的一个常见面试题目,在此仅以此博客记录,并深入源代码进行分析: 在分析之前,先将其区别列于下面 1:HashSet底层采用的 ...

  8. Solr 单机配置

    一. 准备软件 提前安装好Java1.8和Tomcat9 下载Solr6.1,官网位置:http://mirrors.tuna.tsinghua.edu.cn/apache/lucene/solr/6 ...

  9. Windows下安装Emacs+Sbcl+Slime

    前言 其实网上已经有很多类似的文章了,我也是按照上面的来做.在做的过程中会遇到几个很坑的地方,我自己也是折腾了好久才弄好.所以现在写出来希望能对大家有所帮助. 正文 下载和安装Emacs http:/ ...

  10. IIS Server Farms集群负载

    序言 随着公司业务的发展,后台业务就变的越来越多,然而服务器的故障又像月经一样,时不时的汹涌而至,让我们防不胜防.那么后台的高可用,以及服务器的处理能力就要做一个横向扩展的方案,以使后台业务持续的稳定 ...