asp.net core 多文件分块同时上传的组件
分享一个可多个文件同时上传、断点续传,并实时反馈上传进度的 Asp.Net core 组件。
服务器端
引用 nuget 包:JMS.FileUploader.AspNetCore
然后启用上传组件:
app.UseAuthorization();
app.MapControllers();
//启用上传组件,并限制单个文件最大100M
app.UseJmsFileUploader(1024*102400);
app.Run();在 Controller 里面,写个 Test 函数,处理上传的文件:
[ApiController]
[Route("[controller]/[action]")]
public class MainController : ControllerBase
{
[HttpPost]
public string Test([FromBody] object body)
{
var customHeader = Request.Headers["Custom-Header"];
//临时文件路径
var filepaths = Request.Headers["FilePath"];
//文件名
var filenames = Request.Headers["Name"];
return filenames;
}
}文件上传完毕,保存在临时文件中,Request.Headers["FilePath"] 可以读取这些文件的路径,如果确定要保留这些文件,用 File.Move 把它们移到你的目标文件夹当中;
Request.Headers["Name"] 则是读取文件名。
前端
引入 jms-uploader 组件:
import JmsUploader from "jms-uploader"
html 元素:
<input id="file1" multiple type="file" />
<input id="file2" multiple type="file" />
<button onclick="upload()">
upload
</button>
<div id="info"></div>javascript 脚本:
async function upload() {
//自定义请求头
var headers = function () {
return { "Custom-Header": "test" };
};
//提交的body
var dataBody = {
name: "abc"
};
var uploader = new JmsUploader("http://localhost:5200/main/test", [document.querySelector("#file1").files, document.querySelector("#file2").files], headers, dataBody);
uploader.setPartSize(1024);//设置分块大小,默认是102400
uploader.onUploading = function (percent, uploadedSize, totalSize) {
document.querySelector("#info").innerHTML = percent + "% " + uploadedSize + "," + totalSize;
};
var ret = await uploader.upload();
//上传完毕
alert(ret);
}组件源码地址
https://github.com/simpleway2016/JMS.FileUploader.git
到此这篇关于asp.net core 多文件分块同时上传的组件的文章就介绍到这了,更多相关asp.net core 多文件上传内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
ASP.NET MVC5网站开发我的咨询列表及添加咨询(十二)
这篇文章主要为大家详细介绍了ASP.NET MVC5网站开发我的咨询列表及添加咨询,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2015-09-09
ASP.NET Core MVC通过IViewLocationExpander扩展视图搜索路径的实现
这篇文章主要介绍了ASP.NET Core MVC通过IViewLocationExpander扩展视图搜索路径的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-04-04
Visual Studio Debugger七个鲜为人知的小功能
这篇文章主要为大家详细介绍了Visual Studio Debugger七个鲜为人知的小功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-06-06
.NET使用Collections.Pooled提升性能优化的方法
这篇文章主要介绍了.NET使用Collections.Pooled性能优化的方法,今天要给大家分享类库Collections.Pooled,它是通过池化内存来达到降低内存占用和GC的目的,另外也会带大家看看源码,为什么它会带来这些性能提升,一起通过本文学习下吧2022-05-05
.NET 与树莓派WS28XX 灯带的颜色渐变动画效果的实现
所谓颜色渐变动画,首先,你要确定两种颜色——起始色和最终色,比如从绿色变成红色,绿色是起始,红色是终点。这篇文章主要介绍了.NET 与树莓派WS28XX 灯带的颜色渐变动画,需要的朋友可以参考下2021-12-12
IIS故障(Connections_Refused)问题分析及处理
这几天某地市Web服务器连续多次出现故障问题(Connections_Refused),正好借这个案例向大家详细介绍下,需要了解的朋友可以参考下2012-12-12


最新评论