LoginSignup
3
5

More than 5 years have passed since last update.

ajaxのpostでbase64ではなく画像をsubmitする

Posted at
main.js
$.ajax({
    url: "/api/hoge",
    method: 'post',
    data: imageFile
}).done(hogehoge);

でやっちゃうとファイルが文字列になってしまいformをsubmitしたときと違ってしまいます。

formDataを作って、appendしてそれを下記データ・フォーマットで送れば
form.submitでファイルを送った場合と同じ挙動になって送れます。

main.js
var formData = new FormData();
formData.append('imageFile', imageFile);

$.ajax({
    url: "/api/hoge",
    method: 'post',
    dataType: 'json',
    processData: false,
    contentType: false,
    data: formData
}).done(hogehoge);

やったぜ乾杯🍷

3
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
5