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

本文介绍了Jquery 和 HTML FormData 返回“Uncaught TypeError: Illegal invocation"；的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在使用此脚本上传我的图像文件: 添加到您的选项对象可修复错误，但我不确定它是否能解决问题.

I'm using this script to upload my image files: 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
    });
  });
});

But when I click in upload button, the JavaScript console returns this error:

Uncaught TypeError: Illegal invocation

Can you help me?

解决方案

jQuery processes the data attribute and converts the values into strings.

Adding processData: false to your options object fixes the error, but I'm not sure if it fixes the problem.

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

这篇关于Jquery 和 HTML FormData 返回“Uncaught TypeError: Illegal invocation"；的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！