我在用引导多文件上传插件 http://blueimp.github.io/jQuery-File-Upload/basic.html上传文件。我正在使用此链接上的示例。现在我想在“添加文件”按钮之外添加另一个按钮“取消上传”。单击“取消上传”按钮后,上传过程应停止。请帮助我解决这个问题。谢谢
最后,经过大量的试验和错误并搜索相关的代码解决方案,我让它完全按照我想要的方式工作!我在以下位置发布了我的查询插件的 github 问题页面 https://github.com/blueimp/jQuery-File-Upload/issues/290并从那里得到了帮助。
下面是真正有效的代码示例:
1.首先你必须绑定fileuploadadd事件:
$('#fileupload').bind('fileuploadadd', function(e, data){
var jqXHR = data.submit(); // Catching the upload process of every file
$('#cancel_all').on('click',function(e){
jqXHR.abort();
});
});
2.然后您必须绑定单击“取消上传”按钮时将调用的取消事件,该事件将取消当前正在上传的所有文件:
$('#fileupload').bind('fileuploadfail', function(e, data){
if (data.errorThrown === 'abort')
{
//PUT HERE SOME FEEDBACK FOR THE USER
}
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)