jquery - 未捕获的类型错误 : Illegal invocation

Question

这是 html

<input id="fileUpload" multiple="multiple" type="file"/> 
 <ul>
 <li><div id="image-holder"></div></li>
 <li><input type="submit" value="Next"></li>
</ul>

这是脚本

<script type="text/javascript">
    $('#submit').click(function() {  

    var files = $("[type='file']")[0].files;

    console.log(files)

    var data = {
       'images[]' : files , 
       csrfmiddlewaretoken: '{{csrf_token}}'
      }

    $.ajax({
            type: "POST",
            url : "{% url 'data_entry' %}",
            data: data,
            success: function(data) {  
            },
            error: function(response, error) {
        }
    });
}); 
</script>

提交时点击我收到此错误

Uncaught TypeError: Illegal invocation

如何使用 jquery 将图像发送到 django View ？

Answer 1

你必须告诉 Jquery 不要处理这些文件。而且我还找到了在数据中添加文件的解决方法...希望这会有所帮助...

那个非法调用错误是因为ajax不处理对象...这就是为什么我们在进入ajax之前序列化表单，现在你的情况是直接注入(inject)文件对象然后出现错误。

var data = new FormData();
$.each(files, function(key, value)
{
    data.append(key, value);
});

在ajax中...

$.ajax({
    ....
    processData: false,
    ....