话不多说，上代码。

<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. C#基础笔记(第十六天)

    1.进程复习//通过进程去打开应用程序 Process.Start("calc"); Process.Start("mspaint"); Process.Sta ...

  2. C#基础笔记(第十五天)

    1.Directory//File 文件 Path 路径 FileStream StreamReader StreamWriter 流 Directory 文件夹 目录 //创建文件夹 Directo ...

  3. Spring Data MongoDB 一：入门篇（环境搭建、简单的CRUD操作）

    一.简介 Spring Data  MongoDB 项目提供与MongoDB文档数据库的集成.Spring Data MongoDB POJO的关键功能区域为中心的模型与MongoDB的DBColle ...

  4. “全栈2019”Java多线程第十一章：线程优先级详解

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java多 ...

  5. Linux安装yum的痛苦路程（失败，慎入）

    1,在网上下载了一个yum 的 rpm文件(yum-3.2.29-81.el6.centos.noarch.rpm),我在 http://www.rpmfind.net/linux/rpm2html/ ...

  6. django入门-初窥门径-part1

    尊重作者的劳动,转载请注明作者及原文地址 http://www.cnblogs.com/txwsqk/p/6510917.html 完全翻译自官方文档 https://docs.djangoproje ...

  7. 工作中遇到的两个问题-正则以及console

    一.今天做点击按钮验证邮箱时,遇到以下几个问题: (1)点击按钮后,执行if(regExp.test(str)),出现一种奇怪的现象:第一次输入正确邮箱验证通过,第二次输入正确邮箱就返回false,第 ...

  8. docker 限制 容器内存 使用

    转载 : https://www.cnblogs.com/sparkdev/p/8032330.html 默认情况下容器使用的资源是不受限制的.也就是可以使用主机内核调度器所允许的最大资源.但是在容器 ...

  9. [转] Akka 使用系列之二: 测试

    [From] http://www.algorithmdog.com/akka-test 通过上一篇文章,我们已经大致了解怎么使用 Akka,期待细致用法.这篇文章将介绍如何用 Akka-testki ...

  10. mono for android生成APK出现错误fatal error in gc 解决方案

    laxknight 标签: mono for android,fatal error in gc mono for android生成APK出现这个错误fatal error in gc collec ...