前端js上傳檔案後端C#接收檔案

標籤：formdata   length   ++   pos   var   gpo   orm   代碼   htm   

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

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#接收檔案