fileをajaxで送信する方法

Question

jQueryを使用してファイルのアップロードを行いたいのですが、以下のようにしてもファイルだけ送信されませんでした。

どのあたりがまずいのでしょうか。
ブラウザはChromeです（OSはmavericks）

function ajax_file_upload(url, $form) {
var fd = new FormData($form);
$("input[type=file]").each(function(){
  fd.append(this.name, this.value);
});
$.ajax({ url: url, type: 'post', data: fd,processData: false, contentType: false, dataType: 'html',
        complete: function(){ ... },
        success: function(res) { ... }
})
}

Answer 1

FormDataにappendするのはfileのpath文字列ではなく、FileListオブジェクトです。

ですのでまずい点は、

fd.append(this.name, this.value);

ここです。

以下のように書き換えればファイルが送信されるはずです。

fd.append(this.name, this.files);

Answer 2

ファイルはinput要素の.prop('files')[0]に入っているのではないかと思います。

Comments

[rikishi]

回答ありがとうございました！