Jquery i HTML FormData zwracają „Uncaught TypeError: Illegal invocation”

Używam tego skryptu do przesyłania plików graficznych: 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
    });
  });
});

Ale kiedy kliknę przycisk przesyłania, konsola JavaScript zwraca ten błąd:

Uncaught TypeError: Illegal invocation 

Możesz mi pomóc?

jQuery przetwarza dataatrybut i konwertuje wartości na ciągi.

DodanieprocessData: false do obiektu opcji naprawia błąd, ale nie jestem pewien, czy rozwiązuje problem.

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

Miałem ten sam problem

Naprawiłem to, używając dwóch opcji

contentType: false
processData: false

Właściwie dodałem te dwa polecenia do mojej funkcji $ .ajax ({})

Dodanie processData: falsedo $.ajaxopcji rozwiąże ten problem.

Moje doświadczenie:

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

Problem polega na tym, że zapomniałem dodać .val () na końcu $ ('# myInputField'); ta czynność sprawia, że tracę czas na próbę ustalenia , co było nie tak, powodując błąd Illegal Invocation , ponieważ $ ('# myInputField') znajdował się w innym pliku niż ten system wskazał nieprawidłowy kod. Mam nadzieję, że ta odpowiedź pomoże innym popełniającym ten sam błąd, aby nie tracić czasu.

W moim przypadku wystąpił błąd, lista parametrów nie była dobrze sformułowana. Dlatego upewnij się, że parametry są dobrze sformułowane. Np. Poprawny format parametrów

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