Logicky Blog

Logickyの開発ブログです

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

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

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

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

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