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上传，一般插件也都是这两种方式