<form>
<input name="xxxx" type="text">
<input name="images" type="file" multiple="multiple" >
</form>
因為第二個表單中有多個圖片, 使用ajax post方式提交表單的時候如何將上述兩個表單的資料一塊提交?
習慣沉默2017-05-18 11:01:29
使用html5將圖片轉成BASE64,再透過ajax返回後台,後台透過base64轉為圖片格式儲存的伺服器。
可參考該教材
http://www.zhangxinxu.com/wor...
曾经蜡笔没有小新2017-05-18 11:01:29
別轉base64,會增加1/3的。支援將input裡的image畫到canvas上然後再取base64的瀏覽器必然已經支援xhr2.0或fetch API了。
高洛峰2017-05-18 11:01:29
創建formdata對象,為對象賦值,將formdata對像作為ajax的data,提交,
建議看下這個
http://www.ruanyifeng.com/blo...
为情所困2017-05-18 11:01:29
上傳檔案一般就要麼直接表單提交(但會整頁刷新,可以透過嵌入到iframe來實現局部刷新),由後端自己去解析;要麼根據w3c標準formData上傳,一般插件也都是這兩種方式