一、.Net Core 分块上传文件

一、前端实现

@*

    For more information on enabling MVC for empty projects, visit http://go.microsoft.com/fwlink/?LinkID=397860

*@

@{

    ViewData["Title"] = "Index";

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

    <link href="https://cdn.bootcss.com/webuploader/0.1.1/webuploader.css" rel="stylesheet">

    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">

    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

    <script type="text/javascript">

        var UploadPath = "";

        //开始上传

        function UploadStart() {

            var file = $("#path")[0].files[0];

            AjaxFile(file, 0);

        }

        function AjaxFile(file, i) {

            var name = file.name, //文件名

                size = file.size, //总大小shardSize = 2 * 1024 * 1024,

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

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

            if (i >= shardCount) {

                return;

            }

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

            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("lastModified", file.lastModified);

            form.append("fileName", name);

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

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

            UploadPath = file.lastModified

            //Ajax提交文件

            $.ajax({

                url: "/Upload/UploadFile",

                type: "POST",

                data: form,

                async: true, //异步

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

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

                success: function (result) {

                    if (result != null) {

                        i = result.number++;

                        var num = Math.ceil(i * 100 / shardCount);

                        $("#output").text(num + '%');

                        AjaxFile(file, i);

                        if (result.mergeOk) {

                            var filepath = $("#path");

                            filepath.after(filepath.clone().val(""));

                            filepath.remove();//清空input file

                            $('#upfile').val('请选择文件');

                            alert("success!!!");

                        }

                    }

                }

            });

        }

    </script>

</head>

<body>

    <div class="row" style="margin-top:20%">

        <div class="col-lg-4"></div>

        <div class="col-lg-4">

            <input type="text" value="请选择文件" size="20" name="upfile" id="upfile" style="border:1px dotted #ccc">

            <input type="button" value="浏览" onclick="path.click()" style="border:1px solid #ccc;background:#fff">

            <input type="file" id="path" style="display:none" multiple="multiple" onchange="upfile.value=this.value">

            <br />

            <span id="output">0%</span>

            <button type="button" id="file" onclick="UploadStart()" style="border:1px solid #ccc;background:#fff">开始上传</button>

        </div>

        <div class="col-lg-4"></div>

    </div>

</body>

</html>

这里的主要思路是利用html5 File api的slice方法把文件分块，

然后new一个FormData()对象用于储存文件数据，之后就是递归调用AjaxFile方法直至上传完毕。

后台代码:

using System;

using System.Collections.Generic;

using System.IO;

using System.Linq;

using System.Threading.Tasks;

using Microsoft.AspNetCore.Mvc;

namespace WebApplication2.Controllers

{

    public class UploadController : Controller

    {

        public IActionResult Index()

        {

            return View();

        }

        [HttpPost]

        public async Task<ActionResult> UploadFile()

        {

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

            string lastModified = Request.Form["lastModified"].ToString();

            var total = Request.Form["total"];

            var fileName = Request.Form["fileName"];

            var index = Request.Form["index"];

            string temporary = Path.Combine(@"D:\浏览器", lastModified);//临时保存分块的目录

            try

            {

                if (!Directory.Exists(temporary))

                    Directory.CreateDirectory(temporary);

                string filePath = Path.Combine(temporary, index.ToString());

                if (!Convert.IsDBNull(data))

                {

                    await Task.Run(() => {

                        FileStream fs = new FileStream(filePath, FileMode.Create);

                        data.CopyTo(fs);

                        fs.Close();

                    });

                }

                bool mergeOk = false;

                if (total == index)

                {

                    mergeOk = await FileMerge(lastModified, fileName);

                }

                Dictionary<string, object> result = new Dictionary<string, object>();

                result.Add("number", index);

                result.Add("mergeOk", mergeOk);

                return Json(result);

            }

            catch (Exception ex)

            {

                Directory.Delete(temporary);//删除文件夹

                throw ex;

            }

        }

        public async Task<bool> FileMerge(string lastModified, string fileName)

        {

            bool ok = false;

            try

            {

                var temporary = Path.Combine(@"D:\浏览器", lastModified);//临时文件夹

                fileName = Request.Form["fileName"];//文件名

                string fileExt = Path.GetExtension(fileName);//获取文件后缀

                var files = Directory.GetFiles(temporary);//获得下面的所有文件

                var finalPath = Path.Combine(@"D:\浏览器", DateTime.Now.ToString("yyMMddHHmmss") + fileExt);//最终的文件名（demo中保存的是它上传时候的文件名，实际操作肯定不能这样）

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

                foreach (var part in files.OrderBy(x => x.Length).ThenBy(x => x))//排一下序，保证从0-N Write

                {

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

                    await fs.WriteAsync(bytes, , bytes.Length);

                    bytes = null;

                    System.IO.File.Delete(part);//删除分块

                }

                fs.Close();

                Directory.Delete(temporary);//删除文件夹

                ok = true;

            }

            catch (Exception ex)

            {

                throw ex;

            }

            return ok;

        }

    }

}

这里的思路就是先保存每一个分块的文件到一个临时文件夹，

最后再通过FileStream合并这些临时文件（合并时必需要按顺序）。

后台的方法都进行了异步化（async await真的非常好用），

虽然不知道对效率有没有提升，但是就是觉得这样很酷。

一、.Net Core 分块上传文件的更多相关文章

  1. net core分块上传文件

    net core分块上传文件   写完asp.net多文件上传(http://www.cnblogs.com/bestckk/p/5987383.html)后,感觉这种上传还是有很多缺陷,于是...( ...

  2. asp.net core分块上传文件

    写完asp.net多文件上传(http://www.cnblogs.com/bestckk/p/5987383.html)后,感觉这种上传还是有很多缺陷,于是...(省略一万字,不废话).这里我没用传 ...

  3. HTML5+AJAX原生分块上传文件的关键参数设置

    processData:false 这是jquery.ajax的一个参数.默认值为true,表示会将非字符串对象自动变成k1=v1&k2=v2的形式,例如一个数组参数{d:[1,2]},到服务 ...

  4. 改造kindeditor支持asp.net core mvc上传文件

    kindtor默认使用的上传方法是使用目录下面的一般处理程序upload_json.ashx,暂时还不支持asp.net core下的文件上传,下面放出的自定义处理上传文件的接口方法. 自定义接收上传 ...

  5. .NET Core 如何上传文件及处理大文件上传

    当你使用IFormFile接口来上传文件的时候,一定要注意,IFormFile会将一个Http请求中的所有文件都读取到服务器内存后,才会触发ASP.NET Core MVC的Controller中的A ...

  6. ASP.NET Core MVC上传文件

    使用模型绑定上传小文件 HTML代码: <form method="post" enctype="multipart/form-data" asp-con ...

  7. .net core2.2上传文件总结

    总结一下.net core的上传文件操作,这里主要分上传到本地的也就是MVC的,另一种是上传到WebAPi的. 一.Web端 1.新建一个.net core mvc项目 2.这里的版本是.net co ...

  8. 金山云 KS3 Python SDK 多线程并发上传文件；下载断点续传 参考脚本

    并发上传 基于py自带模块 concurrent.futures import ThreadPoolExecutor #!/usr/bin/env python3 # -*- coding:utf-8 ...

  9. PHP搭建大文件切割分块上传功能

    背景 在网站开发中,文件上传是很常见的一个功能.相信很多人都会遇到这种情况,想传一个文件上去,然后网页提示"该文件过大".因为一般情况下,我们都需要对上传的文件大小做限制,防止出现 ...

随机推荐

  1. 转载--C 的回归

    转载自http://blog.codingnow.com/2007/09/c_vs_cplusplus.html 周末出差,去另一个城市给公司的一个项目解决点问题.回程去机场的路上,我用手机上 goo ...

  2. linux 阿里云oss命令ossutil64 同步文件

    官方使用文档: https://help.aliyun.com/document_detail/120057.html?spm=a2c4g.11186623.4.2.1c35448ak8Ez8e [r ...

  3. Web开发者易犯的五大严重错误

    无论你是编程高手,还是技术爱好者,在进行Web开发过程中,总避免不了犯各种各样的错误. 犯了错误,可以改正.但如果犯了某些错误,则会带来重大损失.遗憾.令人惊讶的是,这些错误往往是最普通,最容易避免. ...

  4. java虚拟机规范-运行时数据区

    前言 java虚拟机是java跨平台的基石,本文的描述以jdk7.0为准,其他版本可能会有一些微调. 引用 java虚拟机规范 数据类型 java总共有两种数据类型:基本类型和引用类型.java虚拟机 ...

  5. ORACLE动态监听

    动态监听的原理 pmon在数据库启动到mount或open时,动态从参数文件中读取service_names值.service_names可以为多值(可以有64个,其中包括两个系统的).  servi ...

  6. springBoot项目常用maven依赖以及依赖说明

    springBoot项目常用maven依赖以及依赖说明 1:maven-compiler-plugin <build> <plugins> <!-- 指定maven编译的 ...

  7. (转)sql server 事务与try catch

    本文转载自:http://www.cnblogs.com/sky_Great/archive/2013/01/09/2852417.html sql普通事务 begin transaction tr ...

  8. SpringBoot系列：三、SpringBoot中使用Filter

    在springboot中要使用Filter首先要实现Filter接口,添加@WebFilter注解 然后重写三个方法,下图示例是在Filter中过滤上一届中拿配置的接口,如果是这个接口会自动跳转到/P ...

  9. malloc函数分配内存失败的常见原因

    malloc()函数分配内存失败的常见原因:  1. 内存不足.  2. 在前面的程序中出现了内存的越界访问,导致malloc()分配函数所涉及的一些信息被破坏.下次再使用malloc()函数申请内存 ...

  10. 只有一个form 的程序， onactivate 只触发一次。

    https://blog.csdn.net/saint13/article/details/454615 Form的onActivate事件 2005年08月15日 01:08:00 阅读数:3406 ...