在View/App的目錄下, 新增一個FileUpload.cshtml的MVC View Page
打開FileUpload.cshtml, 輸入下列程式碼
修改_Layout.cshtml加入上傳檔案的連結如下
接著打開AppController.cs, 新增底下Namespace
...
using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Hosting;
using Microsoft.Net.Http.Headers;
using System.IO;
並加入底下程式碼將IhostingEnvironment注入AppController的建構式裡, 之後可以取得WebRoot的資料夾位置,來放置上傳檔案
private IHostingEnvironment _environment;
public AppController(IHostingEnvironment environment)
{
_environment = environment;
}
...
接著在加入底下兩個函式, 一個FileUpload的預設View, 一個上傳功能, 完成之後會回傳路徑字串到前端的View
接著在wwwroot目錄下, 新增一個uploads資料夾
然後將站台跑起來測試, 點選File Upload, 選擇檔案上傳
成功上傳畫面如下
到此完成本地端上傳前菜, 下一篇Part2就是主菜, 上傳至Azure Blob storage
後記: 沒想到ASP.NET CORE多檔案上傳這麼好寫, 在WEB FORM時代還挺麻煩的, 果然時代在進步啊