通過Ajax方式上傳文件,使用FormData進行Ajax請求。上傳文件或圖片時,要求的格式為enctype ="multipart/form-data"(以二進制格式上傳),在使用ajax上傳時需要注意。

html代碼:

js代碼:

當上傳完成,我們可以拿到控制台的信息:

Content-Type:multipart/form-data

 

 

注意:我們在使用data:formData 傳數據時,不能寫為 data:{data:formData}這種鍵值對的格式,這樣后台拿到的數據就不再是 multipart/form-data 。個人認為可能的原因是,如果也成鍵值對的格式,那么ajax會去解析這個數據,這樣就把原來的multipart/form-data 格式解析為普通的json格式,因此不能寫為鍵值對的方式傳輸。

后台那數據時,要通過input的name來拿。

 

 

后台: