javascript - 如何从精细 uploader 中删除所有文件

标签 javascript jquery fine-uploader

<分区>

我在对话框中使用 fine uploader 上传文件,它工作正常,

问题是,上传所有文件后,我正在关闭对话框,当用户再次打开同一个对话框时,上传的文件已经存在,我想在成功上传所有文件后删除这些文件。

有什么方法可以删除 onAllComplete 回调中的所有文件:

代码:

var personalPhotosUploader = new qq.FineUploader({
        element: document.getElementById('personalContent-fine-uploader'),
        template: 'qq-template-personalContent-trigger',
        request: {
            endpoint: FoaUrl.AddPersonalContents,
            customHeaders: {
                "UserId": '@FaceOfArtz.Web.Models.UserIdentity.Id(User.Identity.Name)'
            }
        },
        callbacks: {
            onAllComplete: function (succ, fail) {
                if (fail.length == 0) {
                    EditPortfolioPhotos();
                    //qq(this.getItemByFileId(0)).remove();
                    $.each(succ, function (index, value) {
                        alert(value);
                        qq(personalPhotosUploader.getItemByFileId(value)).remove();
                    });
                }
            }
        },
        thumbnails: {
            placeholders: {
                waitingPath: '/source/placeholders/waiting-generic.png',
                notAvailablePath: '/source/placeholders/not_available-generic.png'
            }
        },
        autoUpload: false,
        debug: true
    });

最佳答案

您不能从 Fine Uploader 中“删除”任何文件。我不确定你为什么要这样做。不过,您可以从 DOM 中删除元素。如果您想删除代表文件的单个元素,您可以通过使用 getItemByFileId 给定 ID 查找关联元素来实现。然后使用您喜欢的任何方法将其删除。如果您想删除所有这些项目,您有几个选择。一个涉及调用 reset Fine Uploader API 上的方法。这可能是更简单的方法,因为其他方法涉及遍历所有文件并删除循环中的关联元素。

关于javascript - 如何从精细 uploader 中删除所有文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33541259/

相关文章:

azure - FineUploaderBasic for Azure 没有显示任何内容

javascript - 无法从全日历中删除事件

javascript - 无法使用 JavaScript 控制台调用按钮类

循环访问 Iframe 集合时出现 Javascript 错误 --> 防止错误的索引问题

javascript - 为什么文本变回来没有 'return false'

javascript - 使用 angularjs 指令时 Fine Uploader 出现错误

javascript - Angular 5:渲染列表时出现 Observables 错误

javascript - 未捕获的语法错误 : Unexpected end of input inside a wcm component

jquery - 一个 jquery datepicker 插件,允许用户选择月份和年份

ruby-on-rails - Rails Valums Ajax 上传