一、.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. BP神经网络设计

    1.网络层数 大部分单个隐藏层即可 2.输入层神经元个数 输入变量的个数通常都是由问题的外部描述所确定的.例如,如果有4个外部变量作为网络的输入,那么网络就有4个输入.但是,这是不是意味着输入层的神经 ...

  2. Android内嵌网页webview点击其中的链接跳转到我们应用内的Activity

    在一个大的Android项目中,由于客户端来不及更新和实现,经常会内嵌一些网页(在一些大型的互联网公司,PC的产品总是跑在客户端的前面),比如活动页面,通常可以内嵌用html5实现的页面,可以适配手机 ...

  3. 巧用SimpleDateFormat将Date类型数据按照规定类型转换。

    在使用SimpleDateFormat之前,我们来了解一下这个类.SimpleDateFormat is a concrete class for formatting and parsing dat ...

  4. Python List 列表list()方法

    Python基础数据类型之一列表list,在python中作用很强在,列表List可以包含不同类型的数据对像,同时它是一个有序的变量集合,每个变量可以存储一个地址.所有序列能用到的标准操作方法,列表也 ...

  5. SpringBoot与数据源

    1.JDBC <dependency> <groupId>org.springframework.boot</groupId> <artifactId> ...

  6. angular6的响应式表单

    1:在AppModule模块里面引入 ReactiveFormsModule 要使用响应式表单,就要从@angular/forms包中导入ReactiveFormsModule,并把它添加到你的NgM ...

  7. 用 MuGo 搭建 Go Engine 在 KGS 对战

    MuGo 是一个开源的 Go Engine,下棋能力大概在 10k - 2k 左右. 用 MuGo 搭建 Go Engine 并在 KGS 对战的步骤如下: 1. 安装 TensorFlow 因为 M ...

  8. Linux内核调试方法总结之Call Trace

    内核态call trace 内核态有三种出错情况,分别是bug, oops和panic. bug属于轻微错误,比如在spin_lock期间调用了sleep,导致潜在的死锁问题,等等. oops代表某一 ...

  9. principal components analysis 主成份分析

    w http://deeplearning.stanford.edu/wiki/index.php/主成份分析 主成分分析(PCA)及其在R里的实现 - jicf的日志 - 网易博客  http:// ...

  10. CSAR——Channel-wise and Spatial Feature Modulation Network for Single Image Super-Resolution

    1. 摘要 CNN 中的特征包含着不同类型的信息,它们对图像重建的贡献也不一样.然而,现在的大多数 CNN 模型却缺少对不同信息的辨别能力,因此也就限制了模型的表示容量. 另一方面,随着网络的加深,来 ...