话不多说，上代码。

<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. sqlserver常用函数

    1.字符串函数 --ascii函数,返回字符串最左侧字符的ascii码值 SELECT ASCII('dsd') AS asciistr --ascii代码转换函数,返回指定ascii值对应的字符 ) ...

  2. Cookie客户端缓存.Session.Application

    Cookie客户端缓存. 1.引言 随着浏览器的处理能力不断增强,越来越多的网站开始考虑将数据存储在「客户端」,那么久不得不谈本地存储了. 本地存储的好处: 一是避免取回数据前页面一片空白,如果不需要 ...

  3. js实现window.open不被拦截的解决方法汇总

    一.问题: 今天在处理页面ajax请求过程中,想实现请求后打开新页面,就想到通过 js window.open 来实现,但是最终都被浏览器拦截了. 二.分析: 在谷歌搜索有没有解决方法,有些说可以通过 ...

  4. java—数据存储过程 （54）

    存储过程:procedure:就是一段可执行程序.这个程序运行在数据中. Begin = { End = } If Else 也可以接收参数. 1 定义一个procedure: CREATE PROC ...

  5. Spring-解决请求中文乱码问题

    解决spring请求中文乱码问题 1.web.xml添加编码拦截器 <filter> <filter-name>CharacterEncoding</filter-nam ...

  6. RecyclerView的通用适配器

    本来这一个主题应该早就写了,只是项目多,属于自己的时间不多,所以现在才开动!! 前一段时间写了一篇文章,是关于ListView,GriView万能适配器,没有看过的同学,可以先看看那篇文章,然后在来学 ...

  7. NEST - How can i do multiple nested aggregation?

    question: How can I do multiple nested aggregation? I have tried something like this: Aggregations(x ...

  8. Linux 下的 netfilter 认识与常规操作

    Linux 下的 netfilter 认识与常规操作 前言 博客写到今天,1年7个月.可是包含所有写作经历,这个时间线可以达到三年. 上次更新了一篇 "镇站之宝" ,也是本站阅读量 ...

  9. 机器学习笔记(四)--sklearn数据集

    sklearn数据集 (一)机器学习的一般数据集会划分为两个部分 训练数据:用于训练,构建模型. 测试数据:在模型检验时使用,用于评估模型是否有效. 划分数据的API:sklearn.model_se ...

  10. P4383 [八省联考2018]林克卡特树lct

    题目链接 题意分析 一句话题意就是 : 让你选出\((k+1)\)条不相交的链 使得这些链的边权总和最大 (这些链可以是点) 我们考虑使用树形\(DP\) \(dp[i][j][0/1/2]\)表示以 ...