jQuery和HTML FormData返回“未捕获的TypeError：非法调用”

我正在使用此脚本上传我的图像文件：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/

我有同样的问题，我通过使用两个选项解决了

contentType: false
processData: false

实际上，我将这两个命令添加到了$ .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}