ajax - 将 .ajaxForm 函数添加到标准 .ajax 调用

Question

所以我试图找到一种方法来让进度条在我的 .ajax 调用上工作，但运气不佳。我知道 ajaxForm 插件中有以下代码允许 uploadProgress 选项，但我的代码工作方式我无法使用该插件。无论如何添加以下代码以使其附加到标准 .ajax 调用？远射我知道！

// XMLHttpRequest Level 2 file uploads (big hat tip to francois2metz)
function fileUploadXhr(a) {
    var formdata = new FormData();

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

    if (options.extraData) {
        var serializedData = deepSerialize(options.extraData);
        for (i=0; i < serializedData.length; i++)
            if (serializedData[i])
                formdata.append(serializedData[i][0], serializedData[i][1]);
    }

    options.data = null;

    var s = $.extend(true, {}, $.ajaxSettings, options, {
        contentType: false,
        processData: false,
        cache: false,
        type: method || 'POST'
    });

    if (options.uploadProgress) {
        // workaround because jqXHR does not expose upload property
        s.xhr = function() {
            var xhr = jQuery.ajaxSettings.xhr();
            if (xhr.upload) {
                xhr.upload.addEventListener('progress', function(event) {
                    var percent = 0;
                    var position = event.loaded || event.position; /*event.position is deprecated*/
                    var total = event.total;
                    if (event.lengthComputable) {
                        percent = Math.ceil(position / total * 100);
                    }
                    options.uploadProgress(event, position, total, percent);
                }, false);
            }
            return xhr;
        };
    }

    s.data = null;
        var beforeSend = s.beforeSend;
        s.beforeSend = function(xhr, o) {
            o.data = formdata;
            if(beforeSend)
                beforeSend.call(this, xhr, o);
    };
    return $.ajax(s);
}

Answer 1

我不保证这一点，但试试这个：

xhr.upload.onprogress = function(event) {
                var percent = 0;
                var position = event.loaded || event.position;
                var total = event.total;
                if (event.lengthComputable) {
                    percent = Math.ceil(position / total * 100);
                }
                console.log("Progress: "+percent+"%");   //debug to see if the problem is there
                options.uploadProgress(event, position, total, percent);
            };

从发布的代码中，我什至无法猜测问题是在onprogress事件处理中还是在那个options.uploadProgress，不管它是什么。
我将其发布为答案只是因为它不适合发表评论。