swfupload 大文件 批量上传

1.到官网下载 最新版本 地址：http://www.swfupload.org/

2.前台页面引入样式和文件

     <!--样式-->

    <link href="/swfupload/css/default.css" rel="stylesheet" />
    <!--js文件-->
    <script src="/Script/jquery-1.9.1.js"></script>
    <script src="/swfupload/swfupload.js"></script>
    <script src="/swfupload/swfupload.queue.js"></script>
    <script src="/swfupload/fileprogress.js"></script>
    <script src="/swfupload/handlers.js"></script>

3.添加脚本

<script type="text/javascript">
        var swfu;
        window.onload = function () {
            var settings = {
                // 调用的上传的flash控件
                flash_url: "/swfupload/swfupload.swf",
                //后台调用的文件处理程序 注意：配置不正确的话，易导致404错误
                upload_url: "/uploadFile.ashx",
                //上传文件名称-在后台通过这个名称获取数据
                file_post_name: "Filedata",
                //限制文件大小，可以有单位K,KB,MB,不写单位默认不限制
                file_size_limit: "1024 MB",
                //限定所上传文件的类型 如*.jpg;*.png  多个用分号隔开
                file_types: "*.*",
                //文件描述
                file_types_description: "All Files",
                //限制一次上传文件的最大个数
                file_upload_limit: 10,
                //限制上传队列中的最大个数，一般和file_upload_limit一致  0：不限制
                file_queue_limit: 10,
                //用户自定义设置
                custom_settings: {                 
                    progressTarget: "fsUploadProgress",
                    uploadButtonId: "btnUpload",
                    cancelButtonId: "btnCancel" //取消按钮的ID,用于取消后改变按钮的样式
                },
                //添加参数
                post_params: {
                    
                },
                debug: false,
                //设置自动上传为false
                auto_upload: false,                  

                // Button settings   按钮的设置
                //按钮背景图片
                button_image_url: "/swfupload/images/XPButtonUploadText_61x22.png",
                button_width: "61",
                button_height: "22",
                //占位ID，将把生成的按钮替换到这个元素位置
                button_placeholder_id: "spanButtonPlaceHolder",

                //各种事件，可以自己定义在某一时刻进行什么操作
                file_queued_handler: fileQueued,
                file_queue_error_handler: fileQueueError,
                //文件选择框选择文件完毕 事件，一般不用，它会自动调用上传方法，将文件上传
                //file_dialog_complete_handler: fileDialogComplete,

                upload_start_handler: uploadStart,
                upload_progress_handler: uploadProgress,
                upload_error_handler: uploadError,
                upload_success_handler: uploadSuccess,
                upload_complete_handler: uploadComplete,
                //上传队列上传完毕 事件，如果设置这个事件了，必须写自定义的函数
                queue_complete_handler: queueComplete // 自定义函数
            };
            swfu = new SWFUpload(settings);
        };
        function queueComplete()
        {
              
        }
 </script>

4.页面HTML代码

<div>
        <div class="wrap" id="content">
            <div class="titleDiv">
                <div class="titleFont">
                    <img src="/swfupload/images/logo.gif" width="16" height="16" />
                    文件上传
                </div>
            </div>
            <div class="content">
                <div class="fieldset flash" id="fsUploadProgress">
                    <p>
                        <span class="legend">上传列表</span>
                    </p>
                </div>
                <div style="margin-left: 30px;">
                    <span id="spanButtonPlaceHolder"></span>
                    <div style="margin-top: -20px; margin-left: 60px;">

                        <input id="btnUpload" type="button" value="上 传"
                            onclick="swfu.startUpload();"
                            style="margin-left: 20px; margin-bottom: 10px" class="Btn" />

                        <input id="btnCancel" type="button" height="29" value="取消上传"
                            onclick="swfu.cancelQueue();"
                            style="margin-left: 20px; margin-bottom: 10px" />
                    </div>
                </div>
            </div>
        </div>
    </div>

【注意事项】asp.net IIS 为了安全，只接受4MB的文件，想上传大文件必须在配置文件<system.web>节点下
添加：

<httpRuntime executionTimeout="600" maxRequestLength="512000" useFullyQualifiedRedirectUrl="true" minFreeThreads="8" minLocalRequestFreeThreads="4" appRequestQueueLimit="100" enableVersionHeader="true"/>

但是，这样后在使用swfupload 上传时，文件超过 30MB 就会报 404 错 

所有还需要在配置文件中添加：

<!--使用swfupload上传超过30M 报错：404，添加以下配置内容-->
  <system.webServer>
      <security>
        <!--Web 服务器上的请求筛选被配置为拒绝该请求，因为内容长度超过配置的值-->
        <requestFiltering >
          <requestLimits maxAllowedContentLength="1073741824" ></requestLimits>
        </requestFiltering>
      </security>
    </system.webServer>

5.后台简单处理

public void ProcessRequest(HttpContext context)
        {
            HttpPostedFile filedata = context.Request.Files["Filedata"];
           
            string fileName = filedata.FileName;
            filedata.SaveAs(context.Server.MapPath("/upload/") + fileName);


        }

6.效果图