将之前文章《ASP.Net Core创建MVC项目上传单个文件(流方式)》的前端稍微调整一下,即可支持上传多个文件,修改的内容主要是在input的标签中增加multiple属性。程序可以正常将多个文件上传到指定文件夹,如下图所示:
但当上传文件较大时,就无法上传,测试之后发现,几M、十几M的文件可以传上去,30M以上的测试了几个都无法上传。
通过查阅微软帮助文档,其中介绍了Kestrel 最大请求正文大小其默认的最大请求正文大小为 30,000,000 个字节,约为 28.6 MB,这也和上面测试的结果相符,为了增加最大上传文件大小,可以通过以下几种方式配置(以下内容来自微软帮助文档)。
1)program.cs中配置,配置代码如下所示:
public static IHostBuilder CreateHostBuilder(string[] args) =>
Host.CreateDefaultBuilder(args)
.ConfigureWebHostDefaults(webBuilder =>
{
webBuilder.ConfigureKestrel((context, options) =>
{
// Handle requests up to 50 MB
options.Limits.MaxRequestBodySize = 52428800;
})
.UseStartup<Startup>();
});
2)MVC项目的话,可以在页面处理程序类或操作方法中配置,如下所示:
// Handle requests up to 50 MB
[RequestSizeLimit(52428800)]
public class BufferedSingleFileUploadPhysicalModel : PageModel
{
...
}
3)Razor Pages项目的话,可以在Startup.ConfigureServices 中通过约定应用筛选器:
services.AddRazorPages(options =>
{
options.Conventions
.AddPageApplicationModelConvention("/FileUploadPage",
model =>
{
// Handle requests up to 50 MB
model.Filters.Add(
new RequestSizeLimitAttribute(52428800));
});
});
本文中采用第二种方式,在上传函数中增加特性以配置上传内容大小,代码如下所示:
[HttpPost]
[RequestSizeLimit(104837600)]
public async Task<IActionResult> UploadPhysical()
{
...
}
按上述配置后,即可上传大型文件,不过这里限制的是总的内容大小,即所有上传文件大小之和不能超过设置的大小,超过则无法上传。
测试过程中还是解决不了显示文件列表和显示上传进度的问题,后续会开始学习前端ui框架,采用UI框架中提供的文件上传组件和功能,结合ASP.Net Core实现文件上传。
参考文献
[1]https://docs.microsoft.com/zh-cn/aspnet/core/mvc/models/file-uploads?view=aspnetcore-6.0