JqueryとHTMLFormDataは「UncaughtTypeError：Illegalinvocation」を返します

このスクリプトを使用して画像ファイルをアップロードしています：http：//jsfiddle.net/eHmSr/

$('.uploader input:file').on('change', function() {
  $this = $(this);

  $('.alert').remove();

  $.each($this[0].files, function(key, file) {
    $('.files').append('<li>' + file.name + '</li>');

    data = new FormData();
    data.append(file.name, file);

    $.ajax({
      url: $('.uploader').attr('action'),
      type: 'POST',
      dataType: 'json',
      data: data
    });
  });
});

しかし、アップロードボタンをクリックすると、JavaScriptコンソールは次のエラーを返します。

Uncaught TypeError: Illegal invocation 

手伝って頂けますか？

jQueryはdata属性を処理し、値を文字列に変換します。

processData: falseオプションオブジェクトに追加するとエラーが修正されますが、問題が修正されるかどうかはわかりません。

デモ：http：//jsfiddle.net/eHmSr/1/

私は同じ問題を抱えていました

私は2つのオプションを使用してそれを修正しました

contentType: false
processData: false

実際、これら2つのコマンドを$ .ajax（{}）関数に追加しました

オプションに追加するprocessData: falseと、$.ajaxこの問題が修正されます。

私の経験：

  var text = $('#myInputField');  
  var myObj = {title: 'Some title', content: text};  
  $.post(myUrl, myObj, callback);

問題は、$（ '＃myInputField'）;の末尾に.val（）を追加するのを忘れたことです。$（ '＃myInputField'）がそのシステムが誤ったコードを指摘したのとは異なるファイルにあったため、このアクションは何が間違っているのかを理解しようとして時間を無駄にし、不正な呼び出しエラーを引き起こします。この答えが、同じ過ちを犯した仲間が時間を失うことを避けるのに役立つことを願っています。

私の場合、パラメータのリストに誤りがあり、整形式ではありませんでした。したがって、パラメータが適切に形成されていることを確認してください。たとえば、パラメータの正しい形式

data: {'reporter': reporter,'partner': partner,'product': product}