1. 程式人生 > >ajax上傳圖片到服務器簡單操作

ajax上傳圖片到服務器簡單操作

鍵值 data gpo art 普通 alt 上傳 格式 ttr

前端:

通過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來拿。

後臺:

技術分享圖片

ajax上傳圖片到服務器簡單操作