搜索

首页  >  问答  >  正文

javascript - ajax post 方式如何提交form表单并附带图片

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

因为第二个表单中有多个图片, 使用ajax post方式提交表单的时候如何将上述两个表单的数据一块提交?

阿神阿神2748 天前555

全部回复(8)我来回复

  • PHP中文网

    PHP中文网2017-05-18 11:01:29

    使用formData

    回复
    0
  • 阿神

    阿神2017-05-18 11:01:29

    问后端啊！一般就上传图片返回的key给后端，至于什么形式就由后端定义。

    回复
    0
  • 習慣沉默

    習慣沉默2017-05-18 11:01:29

    使用html5将图片转成BASE64，再通过ajax返回到后台，后台通过base64转为图片格式存储的服务器中。
    可参考该教材
    http://www.zhangxinxu.com/wor...

    回复
    0
  • 巴扎黑

    巴扎黑2017-05-18 11:01:29

    上传图片的时候 base64 编码是正解。

    回复
    0
  • 滿天的星座

    滿天的星座2017-05-18 11:01:29

    以上都是思路，我提供一个更简单的方法，使用ajaxsubmit,插件

    回复
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-18 11:01:29

    别转base64，会增大1/3的。支持将input里的image画到canvas上然后再取base64的浏览器必然已经支持xhr2.0或者fetch API了。

    回复
    0
  • 高洛峰

    高洛峰2017-05-18 11:01:29

    创建formdata对象，为对象赋值，将formdata对象作为ajax的data,提交，
    建议看下这个
    http://www.ruanyifeng.com/blo...

    回复
    0
  • 为情所困

    为情所困2017-05-18 11:01:29

    上传文件一般就要么直接表单提交（但会整页刷新，可以通过嵌入到iframe来实现局部刷新），由后端自己去解析；要么根据w3c标准formData上传，一般插件也都是这两种方式

    回复
    0
  • 取消回复