Uploadify / uploadifive -表单提交时的清空队列

Question

我正在使用uploadifive插件来上传多个文件。它工作得很好，但现在我在我的实现中发现了一个错误，即在创建记录后队列不会被清除。如果创建了记录，则uploadifive应该显示新记录的空队列，但它显示的是先前上传的旧队列文件。我的逻辑是Ajax和java脚本驱动的，并且我不会在表单提交后刷新页面(如果页面刷新，则队列是白色和干净的，这很明显:)。

下面是我用来激活uploadifive文件类型输入的代码：

$('#xyz_uploader').uploadifive({
    'fileTypeDesc' : 'Image Files',
    'fileTypeExts' : '*.png;*.jpg;*.jpeg',
    'fileType'  : ['image/png','image/jpg','image/jpeg'],
    'auto'             : false,
    'checkScript'      : 'uploadify_envc.php?checkexist=true',
    'formData'         : {
        'timestamp' : curDateTime,

        'token'     : 'df324523adg34qtfgiui',
        'doc_type'     : 'docs',
        'somenewval'     : $("select#dropdown_control").val(),
    },
    'buttonText'          : 'Upload Document(s)',
    'queueID'          : 'xyz_uploader_queue',
    'auto'     : true,
    'uploadScript'     : 'uploadify_envc.php?injury='+$("select#dropdown_control").val(),
    'onUploadComplete' : function(file, data) { HandleUploadiFiveDocs(file,data,"docs");    }
});

当我使用JS函数提交数据时，我调用此函数作为Ajax调用的返回，以清除排队的文件：

    $('#xyz_uploader').uploadifive('clearQueue');

但这是行不通的。我已经通过浏览器控制台和java-script函数对其进行了测试，但两者都不起作用。

你们能告诉我如何使用java-script命令清除uploadifive队列吗？

Answer 1

第一次使用

$('#xyz_uploader').uploadifive('destroy') 

然后重新构造对象对我起作用了。如下所示：

$('#xyz_uploader').uploadifive({
    'fileTypeDesc' : 'Image Files',
    'fileTypeExts' : '*.png;*.jpg;*.jpeg',
    'fileType'  : ['image/png','image/jpg','image/jpeg'],
    'auto'             : false,
    'checkScript'      : 'uploadify_envc.php?checkexist=true',
    'formData'         : {
        'timestamp' : curDateTime,

        'token'     : 'df324523adg34qtfgiui',
        'doc_type'     : 'docs',
        'somenewval'     : $("select#dropdown_control").val(),
    },
    'buttonText'          : 'Upload Document(s)',
    'queueID'          : 'xyz_uploader_queue',
    'auto'     : true,
    'uploadScript'     : 'uploadify_envc.php?injury='+$("select#dropdown_control").val(),
    'onUploadComplete' : function(file, data) { HandleUploadiFiveDocs(file,data,"docs");    }
});

试一试，它也会对你们起作用。我在研究核心函数时发现了这一点。无论如何，在这里得不到支持是令人失望的。

Answer 2

将这行代码添加到'onUploadComplete‘函数中

$(this).uploadifive('cancel', $('.uploadifive-queue-item').data('file'));

或

$('#xyz_uploader').uploadifive('cancel', $('.uploadifive-queue-item').data('file'));