阿駿的部落格

大家好我是 IG雞湯工程師，

今天紀錄一下,asp.net core 簡單的方式上傳多圖片。

前端程式:

程式碼:

<h1>上傳圖片</h1>

    <form method="post" enctype="multipart/form-data" asp-controller="Home" asp-action="Requester">
        <input type="file" name="files" multiple accept="image/*" />
        <br />
        <button type="submit" value="Upload" class="btn btn-primary">登入</button>
    </form>

後端程式:

程式碼:

 [HttpPost]
 [ValidateAntiForgeryToken]
 public async Task<IActionResult> Requester(List<IFormFile> files)
 {
            long size = files.Sum(f => f.Length);

            foreach (var file in files)
            {
                if (file.Length > 0)
                {
                    string filePath = "儲存的路徑"+"檔名";

                    using (var stream = System.IO.File.Create(filePath))
                    {
                        //程式寫入的本地資料夾裡面
                        await file.CopyToAsync(stream);
                    }
                }
            }

            return RedirectToAction("Index", "Home");//回到首頁
 }

實際操作時，可以按下ctrl點選多張圖片，就可以一次上傳很多張圖片了~~