无法在 blueimp 文件上传插件的“文件上传块完成”事件处理程序上中止上传

Unable to abort upload on 'fileuploadchunkdone' event handler for blueimp file upload plugin

本文关键字：文件 事件处理 程序上 blueimp 插件      更新时间：2023-09-26

我试图在发生异常时立即终止上传。 "fileuploadchunkdone"事件处理程序允许我捕获从服务器为每个块发送的"错误"json。 理想情况下，我想在发生异常时立即中止上传。 我需要对每个块进行此检查，因为我需要记录错误并在发生异常时显示错误代码。 但是，我无法通过调用 data.jqXHR.abort（） 来杀死异常。 它只是继续经历每一个块。 有什么想法吗？ 下面是该事件处理程序的代码：

.on('fileuploadchunkdone', function (e, data) {
                if (!data.result.success) {
                    running--;
                    var errMsg = "";
                    if (data.result != null) {
                        if (data.result.message != null) {
                            errMsg += data.result.message;
                        }
                        if (data.result.error != null)
                            errMsg += data.result.error;
                    }
                    layoutService.showErrorDialog(errMsg);
                    data.jqXHR = data.abort();
                    window.removeXHRfromPool(data);
                    if (running == 0) {
                        $('#dlgProgress').parent().hide();
                        $('#progresses').empty();
                    }
                }
        })

如果 chunk-send 回调函数返回 false，则整个上传请求将中止。我正在添加一个自定义属性abortChunkSend，以发出来自块完成事件的信号，以便在下一个块发送事件上取消。

例

.on("fileuploadchunksend", function (e, data)
{
    var abortChunkSend = data.context[data.index].abortChunkSend;
    if (abortChunkSend)
    {
        return false;
    }
})
.on("fileuploadchunkdone", function (e, data)
{
    if (data.result)
    {
        for (var index = 0; index < data.result.files.length; index++)
        {
            var file = data.result.files[index];
            if (file.error)
            {
                data.context[index].abortChunkSend = true;
            }
        }
    }
})

参考 blueimp 文档 文件上传块发送.

相关文章：