javascript - ajax post 方式如何提交form表單並附帶圖片

Question

<form>
    <input name="xxxx" type="text">
    <input name="images" type="file" multiple="multiple" >
</form>

因為第二個表單中有多個圖片, 使用ajax post方式提交表單的時候如何將上述兩個表單的資料一塊提交?

Answer 1

使用formData

Answer 2

問後端啊！一般就上傳圖片回傳的key給後端，至於什麼形式就由後端定義。

Answer 3

使用html5將圖片轉成BASE64，再透過ajax返回後台，後台透過base64轉為圖片格式儲存的伺服器。
可參考該教材
http://www.zhangxinxu.com/wor...

Answer 4

上傳圖片的時候 base64 編碼是正解。

Answer 5

以上都是思路，我提供一個更簡單的方法，使用ajaxsubmit,插件

Answer 6

別轉base64，會增加1/3的。支援將input裡的image畫到canvas上然後再取base64的瀏覽器必然已經支援xhr2.0或fetch API了。

Answer 7

創建formdata對象，為對象賦值，將formdata對像作為ajax的data,提交，
建議看下這個
http://www.ruanyifeng.com/blo...

Answer 8

上傳檔案一般就要麼直接表單提交（但會整頁刷新，可以透過嵌入到iframe來實現局部刷新），由後端自己去解析；要麼根據w3c標準formData上傳，一般插件也都是這兩種方式