Jquery和HTML FormData返回"Uncaught TypeError:Illegal invocation"

Question

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

你能帮助我吗？

Answer 1

jQuery处理data属性并将值转换为字符串.

添加processData: false到您的选项对象修复了错误,但我不确定它是否解决了问题.

演示:http://jsfiddle.net/eHmSr/1/

Answer 2

我有同样的问题我修复了使用两个选项

contentType: false
processData: false

实际上我将这两个命令添加到我的$ .ajax({})函数中

Answer 3

添加processData: false到$.ajax选项将解决这个问题.