asp.net 大文件上传 例子下载(亲测通过)webuploader

【实例简介】

支持大文件上传，支持多个文件上传，支持显示进度条，很是强大

支持上传图片以及各种类型的文件

webuploader

【实例截图】

【核心代码】

上传的单个文件的 最大值可以通过修改以下两处设置：

1.修改 web.config中的如下代码

<?xml version="1.0" encoding="utf-8"?>
<!--
  有关如何配置 ASP.NET 应用程序的详细信息，请访问
  http://go.microsoft.com/fwlink/?LinkId=169433
  -->
<configuration>
  <system.web>
    <compilation debug="true" targetFramework="4.5" />
    <httpRuntime targetFramework="4.5"  maxRequestLength="1048576" executionTimeout="3600"  />
   <!--最大上传文件大小：1048576KB=1024M=1G-->
  </system.web>
</configuration>

2.修改uploader.js 中的如下代码

         fileSizeLimit: 200 * 1024 * 1024,    // 200 M
            fileSingleSizeLimit: 50 * 1024 * 1024    // 50 M

        // 实例化
        uploader = WebUploader.create({
            pick: {
                id: '#filePicker',
                label: '点击选择图片'
            },
            formData: {
                uid: 123
            },
            dnd: '#dndArea',
            paste: '#uploader',
            swf: './Scripts/webuploader-0.1.5/dist/Uploader.swf',
            chunked: false,
            chunkSize: 512 * 1024,
            server: './server/fileupload.ashx',
            // runtimeOrder: 'flash',

            // accept: {
            //     title: 'Images',
            //     extensions: 'gif,jpg,jpeg,bmp,png',
            //     mimeTypes: 'image/*'
            // },

            // 禁掉全局的拖拽功能。这样不会出现图片拖进页面的时候，把图片打开。
            disableGlobalDnd: true,
            fileNumLimit: 300,
            fileSizeLimit: 200 * 1024 * 1024,    // 200 M
            fileSingleSizeLimit: 50 * 1024 * 1024    // 50 M
        });