本文粗略的講下前端文件上傳和後端文件接收的原理

1. 前端代碼

   html

   <form onsubmit="uploadFile(event)">
       <input type="file" />
       <button type="submit">文件上傳</button>
   </form>

   js

   function uploadFile(event) {
       var files = event.target[0].files;
       if (files.length < 1) {
           alert("文件沒有選擇，親"
    
   ); return;
       }
       var formData = new FormData();
       for (var i = 0; i < files.length; i++) {
           formData.append(files[i].name, files[i]); 
       }
       axios.post("yejiawei/haha", formData).then(function (res) {
       }).catch(function (err) {
           console.log(err);
       })
   }

2. 後端c#代碼

   [Route("yejiawei/haha"
    
   )]
   [HttpPost]
   [AllowAnonymous]
   public void Post()
   {
       HttpFileCollection files = HttpContext.Current.Request.Files;
       for(int i = 0; i < files.Count; i++)
       {
           HttpPostedFile file = files[i];
           file.SaveAs(@"F:\學習實驗區\filereceive\" + file.FileName);
       }
   }
   是不是很簡單

前端js上傳文件後端C#接收文件