blueimp jquery-file-upload不会在不成功的添加上抛出错误

在这个插件中,我们可以设置文件上传的各种条件/限制(例如acceptFileTypes,maxFileSize,maxNumberOfFiles等)。

无论何时添加文件,都会触发一个事件“ fileuploadadd ”,一旦成功添加文件,另一个事件将被触发“ fileuploadadded ”。

但是,当添加文件并且它失败了这些条件/限制之一(例如,用户尝试上载2GB文件,或文本文件而不是图像)时,无法以编程方式找出已发生这种情况。

当此条件失败时,不会触发任何事件。 我可以使用什么来检查用户选择的文件是否有错误,因此尚未添加到队列中。

我能想到的唯一方法就是触发“ 添加 ”事件并等待,看看它是否不会触发“ 添加 ”事件然后出现问题。 但是,我既不想长时间停止所有处理,也不想太快检查“ 添加 ”事件是否已经触发。

要么

任何人都可以指导如何从这个插件中抛出自定义事件(例如fileaddfailedevent )?

好吧,我想出了一种触发此要求的自定义事件的方法。 如果有人想知道如何实现相同的话,在这里发布答案。

我们需要更改的核心文件应位于“js \ jquery.fileupload-ui.js”

add call back中add: function (e, data) {最后一个监听器是}).fail(function () { 。这应该在大约第120行(取决于版本)

我们需要添加以下行:
that._trigger('addfileerror', e, data);

总结一下你的失败监听器应如下所示:

 }).fail(function () { if (data.files.error) { data.context.each(function (index) { var error = data.files[index].error; if (error) { $(this).find('.error').text(error); } }); // added custom event to check whether any error has occured while adding the file. that._trigger('addfileerror', e, data); } }) 

现在,我们可以像任何其他侦听器一样绑定侦听器以检查此事件。

 $('#fileupload').bind('fileuploadaddfileerror', function (e, data){ console.log('Custom Error Event Fired'); }); 

希望这有助于某人。

更新:

尽管该文档没有明确提及,但我刚刚了解到“fileuploadprocessfail”事件对于上述要求完全相同。