jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了上传后BlueImp JQuery上传不清除文件队列大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个问题,可能是相关的.我使用BlueImp的Upload插件将多个文件上传到ASP.NET MVC控制器,然后返回所需的 JSON响应.点击按钮即可触发上传.

我希望上传者将列表项添加到< 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?
             }
        });

解决方法@H_674_19@ @H_404_24@ 我最终这样做了

$('#fileupload').fileupload()
  .bind('fileuploadadd',function(e,data) {
    $(".files tr").remove();
  });

因此,每当有人添加文件时,表中包含类’files’的所有行都将从DOM中删除.根据您的标记,您可能需要选择要删除的不同元素.

大佬总结

以上是大佬教程为你收集整理的上传后BlueImp JQuery上传不清除文件队列全部内容,希望文章能够帮你解决上传后BlueImp JQuery上传不清除文件队列所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。