Question

我正在尝试将一些代码从javascript转换为jquery。

Javascript代码:(我有这段代码here）

window.onload = function () {
    document.getElementById('uploader').onsubmit = function () {
        var formdata = new FormData(); //FormData object
        var fileInput = document.getElementById('fileInput');
        //Iterating through each files selected in fileInput
        for (i = 0; i < fileInput.files.length; i++) {
            //Appending each file to FormData object
            formdata.append(fileInput.files[i].name, fileInput.files[i]);
        }
        //Creating an XMLHttpRequest and sending
        var xhr = new XMLHttpRequest();
        xhr.open('POST', '/Home/Upload');
        xhr.send(formdata);
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4 && xhr.status == 200) {
                alert(xhr.responseText);
            }
        }
        return false;
    }
}

JQuery代码:(根据我的申请）

 $('#AutoUploadFiles').click(function () {

        var formdata = new FormData();
        var fileInput = $("#AutomaticUploader");

        for (var i = 0; i < fileInput.get(0).files.length; i++) {
            formdata.append(fileInput.get(0).files[i].name, fileInput.get(0).files[i]);
        }

        $.ajax({
            url: '/members/AutoUploadFile',
            type: 'post',
            data: formdata,
            success: function () {

            },
            error: function () {

            }
        });
    });

当我尝试执行上面的JQuery代码时，我在jquery.min.js文件中收到“非法调用”错误。

我是Web编程的新手，所以在转换为JQuery时我可能会犯一些错误。如果有人抓到了一些错误，请指导我。

Answer 1

问题是formdata是一个对象，不能作为普通字符串序列化

  var formdata = new FormData();

并在您的代码中

type: 'post',
data: formdata, //<-- this is the problem
success: function () {

formdata 必须与有效的json 数据序列化，否则$.ajax()无法发送，因为您的jquery版本不会工作。请尝试其他jquery上传程序脚本，因为谷歌中有很多这些脚本

Answer 2

如果您通过XHR发送文件，则接受的答案不起作用，因为文件对象无法进行JSON编码。唯一的“解决方法”是禁用jQuery的XHR数据处理。

要全局禁用

$.ajaxSetup({processData:false});

或做

$.ajax({
  ... Ajax Stuff Here,
  processData: false
});

每个请求。

尝试将javascript转换为jquery时出错“非法调用”

2 个答案: