话不多说，上代码。

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

    <script>

        var page = {

            init: function () {

                $("#upload").click($.proxy(this.upload, this));

            },

            upload: function () {

                var shardSize = 2 * 1024 * 1024,     //以2MB为一个分片

                        shardCount = 0,

                        succeed = 0;

                for (var i = 0; i < $("#file")[0].files.length; i++) {

                    shardCount += Math.ceil($("#file")[0].files[i].size / shardSize);   //总片数

                }

                for (var j = 0; j < $("#file")[0].files.length; j++) {

                    var file = $("#file")[0].files[j],  //文件对象

                        name = file.name,        //文件名

                        size = file.size;        //总大小

                    //var shardSize = 2 * 1024 * 1024,     //以2MB为一个分片

                    //    shardCount = Math.ceil(size / shardSize);   //总片数

                    var Count = Math.ceil(file.size / shardSize);

                    for (var i = 0; i < Count; ++i) {

                        //计算每一片的起始与结束位置

                        var start = i * shardSize,

                            end = Math.min(size, start + shardSize);

                        //构造一个表单，FormData是HTML5新增的

                        var form = new FormData();

                        form.append("data", file.slice(start, end));  //slice方法用于切出文件的一部分

                        form.append("name", name);

                        form.append("total", Count);   //总片数

                        form.append("index", i + 1);        //当前是第几片

                        $("#output").text(0 + " / " + shardCount);

                        //Ajax提交

                        $.ajax({

                            url: "/UpDown_File/Upload",

                            type: "POST",

                            data: form,

                            async: true,         //异步

                            processData: false,  //很重要，告诉jquery不要对form进行处理

                            contentType: false,  //很重要，指定为false才能形成正确的Content-Type

                            success: function (s) {

                                //alert(s);

                                if (s.Error == 1) {

                                    //alert("上传失败！");

                                }

                                ++succeed;

                                $("#output").text(succeed + " / " + shardCount);

                                if (succeed == shardCount) {

                                    $("#output").text("完成");

                                }

                            },

                            error: function (e) {

                                //alert(e);

                                if (e.Error == 1) {

                                    //alert("上传失败！");

                                }

                            }

                        });

                    }

                }

            }

        };

        $(function () {

            page.init();

        });

    </script>

</head>

<body>

    <div>

        <input type="file" id="file" multiple="multiple" accept=".jpg,.png,.jpeg,.ai,.psd,.tif,.txt,.svg,.rar,.zip,.docx,.pptx,.xlsx" />

        <button id="upload">上传</button>

        <span id="output" style="font-size: 12px">等待</span>

    </div>

</body>
[HttpPost]

        public ActionResult Upload()

        {

            //从Request中取参数，注意上传的文件在Requst.Files中

            string name = Request["name"];

            int total = Convert.ToInt32(Request["total"]);

            int index = Convert.ToInt32(Request["index"]);

            var data = Request.Files["data"];

            //保存一个分片到磁盘上

            string dir = Server.MapPath("~/Upload");

            string file = Path.Combine(dir, name + "_" + index);

            data.SaveAs(file);

            string[] files = Directory.GetFiles(dir, name + "*");

            //如果已经是最后一个分片，组合

            //当然你也可以用其它方法比如接收每个分片时直接写到最终文件的相应位置上，但要控制好并发防止文件锁冲突

            if (files.Length == total)

            {

                file = Path.Combine(dir, name);

                var fs = new FileStream(file, FileMode.Create);

                for (int i = ; i <= total; ++i)

                {

                    string part = Path.Combine(dir, name + "_" + i);

                    var bytes = System.IO.File.ReadAllBytes(part);

                    fs.Write(bytes, , bytes.Length);

                    bytes = null;

                    System.IO.File.Delete(part);

                }

                fs.Close();

            }

            //返回是否成功，此处做了简化处理

            return Json(new { Error =  });

        }

[MVC]多文件、超大文件上传的更多相关文章

  1. Asp.Net MVC 文件管理Demo(文件展示，上传，下载，压缩，文件重命名等)

    之前 ,有想做一个文件管理页面. 参考了 许多资料,终于完成了一个基于Asp.net MVC 的文件管理Demo.界面如下.   一,实现功能及相关技术 文件管理Demo基于Asp.NET MVC , ...

  2. MVC文件图片ajax上传轻量级解决方案,使用客户端JSAjaxFileUploader插件01-单文件上传

    前段时间做了几个关于图片.文件上传的Demo,使用客户端Query-File-Upload插件和服务端Badkload组件实现多文件异步上传,比如"MVC文件上传04-使用客户端jQuery ...

  3. 框架基础：ajax设计方案（三）--- 集成ajax上传技术 大文件/超大文件前端切割上传，后端进行重组

    马上要过年了,哎,回家的心情也特别的激烈.有钱没钱,回家过年,家永远是舔舐伤口最好的地方.新的一年继续加油努力. 上次做了前端的ajax的上传文件技术,支持单文件,多文件上传,并对文件的格式和大小进行 ...

  4. 前端通信：ajax设计方案（四）--- 集成ajax上传技术 大文件/超大文件前端切割上传，后端进行重组

    马上要过年了,哎,回家的心情也特别的激烈.有钱没钱,回家过年,家永远是舔舐伤口最好的地方.新的一年继续加油努力. 上次做了前端的ajax的上传文件技术,支持单文件,多文件上传,并对文件的格式和大小进行 ...

  5. aps.net mvc webapi 实现文件或图片上传

    前几天看到网上有很多复杂的实现方式,觉得没必要,所以就写个简单的实现. 一:首先来看看Api Controller里面的代码: HttpContext.Current.Request.Files  这 ...

  6. JS开发——文件夹的上传和下载

    文件夹上传:从前端到后端 文件上传是 Web 开发肯定会碰到的问题,而文件夹上传则更加难缠.网上关于文件夹上传的资料多集中在前端,缺少对于后端的关注,然后讲某个后端框架文件上传的文章又不会涉及文件夹. ...

  7. B/S开发——文件夹的上传和下载

    本人在2010年时使用swfupload为核心进行文件的批量上传的解决方案.见文章:WEB版一次选择多个文件进行批量上传(swfupload)的解决方案. 本人在2013年时使用plupload为核心 ...

  8. Java实现FTP文件与文件夹的上传和下载

    Java实现FTP文件与文件夹的上传和下载 FTP 是File Transfer Protocol(文件传输协议)的英文简称,而中文简称为"文传协议".用于Internet上的控制 ...

  9. [New Portal]Windows Azure Virtual Machine (15) 在本地制作数据文件VHD并上传至Azure(2)

    <Windows Azure Platform 系列文章目录> 在上一章内容里,我们已经将包含有OFFICE2013 ISO安装文件的VHD上传至Azure Blob Storage中了. ...

  10. 文件无刷新上传(swfUpload与uploadify)

    文件无刷新上传并获取保存到服务器端的路径 遇到上传文件的问题,结合之前用到过的swfUpload,又找了一个无刷新上传文件的jquery插件uploadify,写篇博客记录一下分别介绍这两个插件的实现 ...

随机推荐

  1. Working Set

    类似于Visual Studio中的Solution 如果Eclipse中的project过多,而且不是同一个真实的项目中的,可以按Working Set对project进行组织,只是一个逻辑组织 操 ...

  2. 数据库路由中间件MyCat - 源代码篇（4）

    此文已由作者易国强授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 2. 前端连接建立与认证 Title:MySql连接建立以及认证过程client->MySql:1.T ...

  3. ClamAV学习【3】——scanmanager函数浏览

    吃饱饭继续浏览Manager.c的scanmanager函数,这个函数的功能吧,暂时理解如下. 接收一个命令行参数(经过处理的optstruct结构指针). 然后根据选项判断文件类型种类,还有一些扫描 ...

  4. 使用Anaconda的python安装虚拟环境是出现错误：python -m venv venvdir----Error: Command '['D:\\Development\\Django\\test\\Scripts\\python.exe', '-Im', 'ensurepip', '--upgrade', '--default-pip']' returned non-zero exit

    在创建python虚拟环境的时候,如果使用的是Anaconda中集成的python -m venv venvdir就会出现不能安装pip的错误,原因是Anaconda没有ensurepip, 解决办法 ...

  5. 洛谷P3964 [TJOI2013]松鼠聚会（坐标系变换）

    题面 传送门 题解 对于两个点\((x_i,y_i)\)和\(x_j,y_j\),我们定义它们之间的曼哈顿距离为 \[|x_i-x_j|+|y_i-y_j|\] 定义它们的切比雪夫距离为 \[\max ...

  6. Kali Linux来袭~老司机带你进击

    Kali是BackTrackLinux完全遵循Debian开发标准彻底的完全重建.全新的目录框架,复查并打包所有工具,我们还为VCS建立了Git树. 本次推荐内容主要介绍Kali-Linux的安装,包 ...

  7. Windows 计划任务之消息提醒

    Windows 计划任务之消息提醒 你肯定也有这种需求.想做一个计划任务,却发现老式消息提醒已经被微软禁止了. 或者就是很单纯的希望给系统弹出一个消息框而并非CMD的echo命令. so...how ...

  8. iOS 本地时间 / UTC时间 / 时间戳等操作 / 获取当前年月日

    //获得当前时间并且转为字符串 - (NSString *)dateTransformToTimeString { NSDate *currentDate = [NSDate date];//获得当前 ...

  9. 架构师养成记--19.netty

    一.Netty初步 为什么选择Netty? 和NIO比较,要实现一个通信要简单得很多,性能很好.分布式消息中间件.storm.Dubble都是使用Netty作为底层通信. Netty5.0要求jdk1 ...

  10. ES6之新增set数据结构

    学习set set是ES6中的新增的数据结构,是一种构造函数,类似于数组,但是里面的元素都是唯一的,不重复的. 例如: const set = new Set(); [1,2,3,4,5,2,1,2, ...