DEV

フォームのファイルをAjaxでアップロードする

#Javascript

FormData オブジェクトの利用ここにドンズバのことが書いてあって有り難いです。非常に便利っぽいですね。

var fd = new FormData(document.getElementById("form_data"));

このfdを渡してAjaxでやったらできた。いやーよかったよかった簡単で。 jqueryでやる場合、この２つを設定しないとだめらしい。 processData: false, contentType: false,

$.ajax({
    type: 'post',
    url: 'hogehoge.com',
    data: fd,
    dataType: 'html',
    async: true,
    processData: false,
    contentType: false,
    success: function(data){
        hoge();
    },
});