一、.Net Core 分块上传文件
一、.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 分块上传文件的更多相关文章
- net core分块上传文件
net core分块上传文件 写完asp.net多文件上传(http://www.cnblogs.com/bestckk/p/5987383.html)后,感觉这种上传还是有很多缺陷,于是...( ...
- asp.net core分块上传文件
写完asp.net多文件上传(http://www.cnblogs.com/bestckk/p/5987383.html)后,感觉这种上传还是有很多缺陷,于是...(省略一万字,不废话).这里我没用传 ...
- HTML5+AJAX原生分块上传文件的关键参数设置
processData:false 这是jquery.ajax的一个参数.默认值为true,表示会将非字符串对象自动变成k1=v1&k2=v2的形式,例如一个数组参数{d:[1,2]},到服务 ...
- 改造kindeditor支持asp.net core mvc上传文件
kindtor默认使用的上传方法是使用目录下面的一般处理程序upload_json.ashx,暂时还不支持asp.net core下的文件上传,下面放出的自定义处理上传文件的接口方法. 自定义接收上传 ...
- .NET Core 如何上传文件及处理大文件上传
当你使用IFormFile接口来上传文件的时候,一定要注意,IFormFile会将一个Http请求中的所有文件都读取到服务器内存后,才会触发ASP.NET Core MVC的Controller中的A ...
- ASP.NET Core MVC上传文件
使用模型绑定上传小文件 HTML代码: <form method="post" enctype="multipart/form-data" asp-con ...
- .net core2.2上传文件总结
总结一下.net core的上传文件操作,这里主要分上传到本地的也就是MVC的,另一种是上传到WebAPi的. 一.Web端 1.新建一个.net core mvc项目 2.这里的版本是.net co ...
- 金山云 KS3 Python SDK 多线程并发上传文件;下载断点续传 参考脚本
并发上传 基于py自带模块 concurrent.futures import ThreadPoolExecutor #!/usr/bin/env python3 # -*- coding:utf-8 ...
- PHP搭建大文件切割分块上传功能
背景 在网站开发中,文件上传是很常见的一个功能.相信很多人都会遇到这种情况,想传一个文件上去,然后网页提示"该文件过大".因为一般情况下,我们都需要对上传的文件大小做限制,防止出现 ...
随机推荐
- 转载--C 的回归
转载自http://blog.codingnow.com/2007/09/c_vs_cplusplus.html 周末出差,去另一个城市给公司的一个项目解决点问题.回程去机场的路上,我用手机上 goo ...
- linux 阿里云oss命令ossutil64 同步文件
官方使用文档: https://help.aliyun.com/document_detail/120057.html?spm=a2c4g.11186623.4.2.1c35448ak8Ez8e [r ...
- Web开发者易犯的五大严重错误
无论你是编程高手,还是技术爱好者,在进行Web开发过程中,总避免不了犯各种各样的错误. 犯了错误,可以改正.但如果犯了某些错误,则会带来重大损失.遗憾.令人惊讶的是,这些错误往往是最普通,最容易避免. ...
- java虚拟机规范-运行时数据区
前言 java虚拟机是java跨平台的基石,本文的描述以jdk7.0为准,其他版本可能会有一些微调. 引用 java虚拟机规范 数据类型 java总共有两种数据类型:基本类型和引用类型.java虚拟机 ...
- ORACLE动态监听
动态监听的原理 pmon在数据库启动到mount或open时,动态从参数文件中读取service_names值.service_names可以为多值(可以有64个,其中包括两个系统的). servi ...
- springBoot项目常用maven依赖以及依赖说明
springBoot项目常用maven依赖以及依赖说明 1:maven-compiler-plugin <build> <plugins> <!-- 指定maven编译的 ...
- (转)sql server 事务与try catch
本文转载自:http://www.cnblogs.com/sky_Great/archive/2013/01/09/2852417.html sql普通事务 begin transaction tr ...
- SpringBoot系列:三、SpringBoot中使用Filter
在springboot中要使用Filter首先要实现Filter接口,添加@WebFilter注解 然后重写三个方法,下图示例是在Filter中过滤上一届中拿配置的接口,如果是这个接口会自动跳转到/P ...
- malloc函数分配内存失败的常见原因
malloc()函数分配内存失败的常见原因: 1. 内存不足. 2. 在前面的程序中出现了内存的越界访问,导致malloc()分配函数所涉及的一些信息被破坏.下次再使用malloc()函数申请内存 ...
- 只有一个form 的程序, onactivate 只触发一次。
https://blog.csdn.net/saint13/article/details/454615 Form的onActivate事件 2005年08月15日 01:08:00 阅读数:3406 ...