zoukankan      html  css  js  c++  java
  • jquery的uploadify插件实现的批量上传V3.2.1版

    你需要如下配置(包括引入文件)HTML:

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <script src="JS/jquery-1.8.3.js"></script>
        <script src="uploadify/jquery.uploadify.min.js"></script>
        <script src="uploadify/jquery.uploadify.js"></script>
        <link href="uploadify/uploadify.css" rel="stylesheet" />
    </head>
    <body>
        <form id="form1" runat="server">
            <script type="text/javascript">
                $(function () {
                    $('#file_upload').uploadify({
                        'swf': '/uploadify/uploadify.swf',//必须
                        'uploader': 'UploadHandler.ashx',//处理上传图片的后台地址
                        'cancelImg': 'image/ico/uploadify-cancel.png',//取消的图片
                        'auto': false//设为false 可以禁止自动上传,默认true
                        // Put your options here
                    });
                });
            </script>
            <input type="file" name="file_upload" id="file_upload" />
             <a href="javascript:$('#file_upload').uploadify('upload','SWFUpload_0_1')">上传</a>| 
          <a href="javascript:$('#file_upload').uploadify('stop','SWFUpload_0_3')">取消上传</a>
        </form>
    </body>
    </html>

    upload方法是上传方法,第二个参数是指上传指定的某一个,写法固定,只有后面的0-1或者0—3可以改动代表的某一个,如果多个,需要逗号分离,如:

    SWFUpload_0_1,SWFUpload_0_3

    后台写法:
            public void ProcessRequest(HttpContext context)
            {
                context.Response.ContentType = "text/plain";
                //context.Response.Write("Hello World");
    
                HttpPostedFile file = context.Request.Files["Filedata"];
                string uploadPath =
                    HttpContext.Current.Server.MapPath("\word") + "\";
    
                if (file != null)
                {
                    if (!Directory.Exists(uploadPath))
                    {
                        Directory.CreateDirectory(uploadPath);
                    }
                    file.SaveAs(uploadPath + file.FileName);
                    //存入数据库的操作可以在此处添加。。。。。。
    
    
                    //下面这句代码缺少的话,上传成功后上传队列的显示不会自动消失
                    context.Response.Write("1");
                }
                else
                {
                    context.Response.Write("0");
                }  
            }

    官方API地址:
    http://www.uploadify.com/documentation/
    中文API地址:
    http://www.mamicode.com/info-detail-506696.html
    样例图:

    有兴趣的同学可以看看官方网站
  • 相关阅读:
    记一次线上网络问题排查
    记服务器上session设置引起的OutofMemory
    由DateFormat引起的线程安全问题
    十二周总结
    团队开发冲刺第十天
    团队开发冲刺第九天
    团队开发冲刺第八天
    团队开发冲刺第七天
    十二周总结
    团队开发冲刺第六天
  • 原文地址:https://www.cnblogs.com/llcdbk/p/5602992.html
Copyright © 2011-2022 走看看