Jquery và HTML FormData trả về "Uncaught TypeError: Illegal invocation"

Tôi đang sử dụng tập lệnh này để tải lên các tệp hình ảnh của mình: 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
    });
  });
});

Nhưng khi tôi nhấp vào nút tải lên, bảng điều khiển JavaScript trả về lỗi này:

Uncaught TypeError: Illegal invocation 

Bạn có thể giúp tôi được không?

jQuery xử lý datathuộc tính và chuyển đổi các giá trị thành chuỗi.

Việc thêmprocessData: false vào đối tượng tùy chọn của bạn sẽ khắc phục được lỗi, nhưng tôi không chắc liệu nó có khắc phục được sự cố hay không.

Demo: http://jsfiddle.net/eHmSr/1/

tôi đã gặp vấn đề tương tự, tôi đã khắc phục vấn đề đó bằng cách sử dụng hai tùy chọn

contentType: false
processData: false

Trên thực tế, tôi đã thêm hai lệnh này vào hàm $ .ajax ({}) của mình

Thêm processData: falsevào các $.ajaxtùy chọn sẽ khắc phục sự cố này.

Kinh nghiệm của tôi:

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

Vấn đề là tôi quên thêm .val () vào cuối $ ('# myInputField'); hành động này khiến tôi lãng phí thời gian khi cố gắng tìm ra điều gì sai, gây ra Lỗi mời gọi bất hợp pháp , vì $ ('# myInputField') nằm trong một tệp khác với hệ thống đã chỉ ra mã không chính xác. Mong câu trả lời này giúp các bạn cùng cảnh ngộ tránh để mất thời gian.

Trong trường hợp của tôi, có một lỗi trong danh sách các tham số không được hình thành tốt. Vì vậy, hãy đảm bảo rằng các thông số được hình thành tốt. Ví dụ: định dạng chính xác của các tham số

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