asp.net core mvc實現檔案上傳執行個體

工作用到檔案上傳的功能，在這個分享下 ~~

Controller:

public class PictureController : Controller  {    private IHostingEnvironment hostingEnv;     public PictureController(IHostingEnvironment env)    {      this.hostingEnv = env;    }    // GET: /<controller>/    public IActionResult Index()    {      return View();    }    public IActionResult UploadFiles()    {      return View();    }    [HttpPost]    public IActionResult UploadFiles(IList<IFormFile> files)    {      long size = 0;      foreach (var file in files)      {        var filename = ContentDispositionHeaderValue                .Parse(file.ContentDisposition)                .FileName                .Trim('"');        //這個hostingEnv.WebRootPath就是要存的地址可以改下        filename = hostingEnv.WebRootPath + $@"\{filename}";        size += file.Length;        using (FileStream fs = System.IO.File.Create(filename))        {          file.CopyTo(fs);          fs.Flush();        }      }      ViewBag.Message = $"{files.Count} file(s) /{ size}bytes uploaded successfully!";       return View();    }   }

view:

<form asp-action="UploadFiles"         asp-controller="Picture"         method="post"         enctype="multipart/form-data">        <input type="file" name="files" multiple />        <input type="submit" value="Upload Selected Files" /> </form>

檔案是上傳到wwwroot目錄檔案下的，這我也看不太懂還在學習，歡迎大家交流~~

----------------------------------------------------------------------------------------------------------

下面是jquery ajax方式上傳的

post方式的action的z參數沒用 因為只有一個post方式的會404錯誤所以又加了一個get的action

Controller:

public IActionResult UploadFilesAjax(){  return View();}[HttpPost]public IActionResult UploadFilesAjax(string z) {  long size = 0;  var files = Request.Form.Files;  foreach (var file in files)  {    var filename = ContentDispositionHeaderValue            .Parse(file.ContentDisposition)            .FileName            .Trim('"');    filename = @"C:\Users\lg.HL\Desktop" + $@"\{filename}";        size += file.Length;    using (FileStream fs = System.IO.File.Create(filename))    {      file.CopyTo(fs);      fs.Flush();    }  }  string message = $"{files.Count} file(s) / { size}bytes uploaded successfully!";    return Json(message);}

view

<form method="post" enctype="multipart/form-data">      <input type="file" id="files"          name="files" multiple />      <input type="button"          id="upload"          value="Upload Selected Files" /> </form>

jquery

<script type="text/javascript">    $(document).ready(function () {      $("#upload").click(function (evt) {        var fileUpload = $("#files").get(0);        var files = fileUpload.files;        var data = new FormData();        for (var i = 0; i < files.length ; i++) {          data.append(files[i].name, files[i]);        }        $.ajax({          type: "POST",          url: "/Picture/UploadFilesAjax",          contentType: false,          processData: false,          data: data,          success: function (message) {            alert(message);          },          error: function () {            alert("There was error uploading files!");          }        });      });    });</script>

歡迎大家交流~ 以上就是本文的全部內容，希望對大家的學習有所協助，也希望大家多多支援topic.alibabacloud.com。