搜尋

首頁  >  問答  >  主體

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

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

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

阿神阿神2822 天前632

全部回覆(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
  • 取消回覆