示例代码:https://download.youkuaiyun.com/download/hefeng_aspnet/90138957
在本教程中,我将展示使用 ASP.NET core 和Razor pages创建上传文件页面是多么简单。我正在处理的代码库是使用 Razor pages,所以我这样做,尽管我知道大多数人可能都在使用 MVC,但在 Razor 和 MVC 中执行此操作应该差别很小。希望你们都能处理好。让我们开始吧!
首先,创建一个新的 ASP.NET webapp 项目:
dotnet new webapp
-n
AspDotNetCoreUploadFile
为了使这个例子尽可能简短,我将修改Index.cshtml
页面(位于Pages
目录中)以包含HTML
用于上传文件的代码:
@page
@model IndexModel
@{
ViewData["Title"] = "Upload File";
}
<div class="text-center">
<h1>Upload File</h1>
</div>
<form method="post" enctype="multipart/form-data">
<input asp-for="UploadedFile" />
<input type="submit" />
</form>
如您所见,这只是一个简单的表单,它将文件作为POST
消息提交到页面。 Razor 页面背后的代码也非常简单,因为框架会处理大多数复杂的事情:
using System.IO;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.Extensions.Hosting;
using Microsoft.Extensions.Logging;
namespace AspDotNetCoreUploadFile.Pages
{
public class IndexModel : PageModel
{
private readonly ILogger<IndexModel> _logger;
private readonly IHostEnvironment _environment;
[BindProperty]
public IFormFile UploadedFile { get; set; }
public IndexModel(ILogger<IndexModel> logger, IHostEnvironment environment)
{
_logger = logger;
_environment = environment;
}
public void OnGet()
{
}
public async Task OnPostAsync()
{
if (UploadedFile == null || UploadedFile.Length == 0)
{
return;
}
_logger.LogInformation($"Uploading {UploadedFile.FileName}.");
string targetFileName = $"{_environment.ContentRootPath}/{UploadedFile.FileName}";
using (var stream = new FileStream(targetFileName, FileMode.Create))
{
await UploadedFile.CopyToAsync(stream);
}
}
}
}
这里需要注意几点。首先,文件上传到应用程序的根目录,这与应用程序的静态 Web 文件的根目录(通常是wwwroot
)不同,因此如果您计划稍后从网页获取上传的文件,请确保它们位于目录下wwwroot
或可以从外部访问的其他路径下。其次,我将文件上传到生产服务器中的本地目录,这绝对不是您在实际场景中想要执行的操作,在实际场景中,您可能会将文件放在远程文件服务器或云存储中。
要测试应用程序的运行情况,请执行:
> dotnet run
info: Microsoft.Hosting.Lifetime[0]
Now listening on: https://localhost:5001
info: Microsoft.Hosting.Lifetime[0]
Now listening on: http://localhost:5000
...
示例代码:https://download.youkuaiyun.com/download/hefeng_aspnet/90138957
如果您喜欢此文章,请收藏、点赞、评论,谢谢,祝您快乐每一天。