javascript - 带进度百分比上传不起作用

Question

我想做一个上传进度条，但是这个函数不起作用xhr.upload.addEventListener("progress", function (e){...})...响应错误错误未定义

$.ajax({
    xhr: function () {
        var xhr = new window.XMLHttpRequest();
        xhr.upload.addEventListener("progress", function (e) {
            if (e.lengthComputable) {
                console.log(e.loaded + " / " + e.total)
            }
        }, false);


        return xhr;
    },
    type: "POST",
    url: server + '/api/UserFiles/UploadFile',
    contentType: false,
    processData: false,
    data: data,
    success: function (result) {
        alert("Uploaded Success");

    },
    error: function (err) {

        console.log(err);
    }
});

在控制台上的响应是:错误错误未定义

Answer 1

您没有正确实现错误处理程序:在您的示例中，您尝试记录一个不存在的名为 err 的变量。

(编辑:好的，即使代码已编辑，请继续阅读。)

According to documentation ，它应该是:

error: function (xhr, textStatus, thrownError) {
  console.log(xhr.status);
  console.error(thrownError);
}

作为旁注，不要使用 alert():它的功能远不如 console API 强大。它可以做一些令人惊奇的事情，比如打印数据表、运行计时器、显示堆栈跟踪等等。