一、.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. 安卓手机和ios手机上图片未设置宽度可能导致ios上图片贼小

    处理方法: 设置固定宽度,高度自适应

  2. [CSP-S模拟测试]:排列组合（数学 or 找规律）

    题目描述 $T$组数据,每次给定$n$,请求出下式的值,对$10^9+7$取模: $$C_n^0\times C_n^0+C_n^1\times C_n^1+C_n^2\times C_n^2+... ...

  3. php WebSocket 简单实现demo

    WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议. WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据. 在 ...

  4. 高通camera基本代码架构【转】

    本文转载自:http://blog.sina.com.cn/s/blog_c0de2be70102vyn1.html 1  camera基本代码架构 高通平台对于camera的代码组织,大体上还是遵循 ...

  5. Scrapy爬虫框架下执行爬虫的方法

    在使用Scrapy框架进行爬虫时,执行爬虫文件的方法是 scrapy crawl xxx ,其中 xxx 是爬虫文件名. 但是,当我们在建立了多个文件时,使用上面的命令时会比较繁琐麻烦,我们就可以使用 ...

  6. SynchronousQueue 源码分析

    SynchronousQueue SynchronousQueue 能解决什么问题?什么时候使用 SynchronousQueue? 1)SynchronousQueue 没有任何内部容量. 2)Sy ...

  7. JVM(2) JVM内存模型

    一.概述 Java的内存管理采用[自动内存管理]机制,因为这个自动管理机制,Java程序员就不需要去写释放内存的代码,而且不容易出现内存泄漏问题(比C/C++程序员少一些烦恼).但是由于内存的申请和释 ...

  8. drop_duplicates()函数

    1dataframe删除某一列的重复元素,默认只留下第一次出现的 inplace参数设置为true时直接在原数据上修改,为False时,生成副本. 注意所有函数中inplace一旦设置为True,此时 ...

  9. 券商VIP交易通道

    打新不成就炒新.随着新股发行上市的再次重启,巨大的获利机会引来投资者的争相竞逐,可并非所有投资者都能抢到新股筹码.“每天都在涨停板追这些新股,但从来没有买到过.”证券时报记者在采访中听到不少中小散户如 ...

  10. javaweb学习总结(十)——HttpServletRequest对象(一) https://www.cnblogs.com/xdp-gacl/p/3798347.html

    一.HttpServletRequest介绍 HttpServletRequest对象代表客户端的请求,当客户端通过HTTP协议访问服务器时,HTTP请求头中的所有信息都封装在这个对象中,通过这个对象 ...