大佬教程收集整理的这篇文章主要介绍了上传后BlueImp JQuery上传不清除文件队列,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望上传者将列表项添加到< ul>对于每个上传的项目(工作正常).然后我想刷新一个列表,显示成功上传的文件.问题是即使成功上传后,“旧”文件仍保留在控件中.
例如,如果我成功上传了两个文件,那么当我想再上传两个文件时,会向控制器发送四个文件.
第二个问题是我使用progressall回调来监视所有文件上传的时间.由于某种原因,应该在回调中执行的代码没有被执行.代码注释以指示问题发生的位置.
我怀疑控件没有识别上传已经完成的问题,因此没有执行成功的上传代码,然后没有清除文件的问题.我不知道为什么!
$('.filemanager-browse').fileupload({ url: '/Files/UploadFile',dataType: 'json',singleFileUploads: false,add: function (e,data) { var queue = $("ul.queue"); $(".upload-button").click(function () { $.each(data.files,function (index,filE) { var queueItem = $("<li>Uploading: " + file.name + "</li>"); data.context = queueItem.prependTo(queuE); }); data.submit(); }); },progress: function (e,data) { $.each(data.files,filE) { /// Code to inDicate the progress of individual uploads as the progress. Working fine. }); },done: function (e,filE) { /// Code to inDicate that each file has been uploaded. Working fine. }); },error: function (e,filE) { /// Code to inDicate any errors. }); },progressall: function (e,data) { if (data.loaded == data.@R_851_10586@l) { // sourcE OF PROBLEM 2: // CODE IN HERE NOT EXECUTinG AFTER succesSFUL UPLOAD } },always: function (e,data) { },stop: function (e,data) { // Should code that is in progress all be in here instead? } });
$('#fileupload').fileupload() .bind('fileuploadadd',function(e,data) { $(".files tr").remove(); });
因此,每当有人添加文件时,表中包含类’files’的所有行都将从DOM中删除.根据您的标记,您可能需要选择要删除的不同元素.
以上是大佬教程为你收集整理的上传后BlueImp JQuery上传不清除文件队列全部内容,希望文章能够帮你解决上传后BlueImp JQuery上传不清除文件队列所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。