一个页面中的多个Uploadifive无法正常工作

时间:2012-08-13 08:28:38

标签: jquery

您好我在堆栈中抓住机会,因为uploadify论坛响应速度不快且充满了垃圾邮件,

我正在使用uploadifive w /拖放它是惊人的,但在一个页面中的多个上传按钮不起作用。以下是我的代码:

HTML

<input type="file" name="file_upload_1" id="file_upload_1"/>
<input type="file" name="file_upload_2" id="file_upload_2"/>

JS

$('#file_upload_1').uploadifive({
    'auto'         : true,
    'method'       : 'post',
    'queueID'      : 'queue',
    'fileType'     : ['text/x-comma-separated-values', 'text/comma-separated-values', 'application/octet-stream', 'application/vnd.ms-excel', 'application/x-csv', 'text/x-csv', 'text/csv', 'application/csv', 'application/excel', 'application/vnd.msexcel','application/force-download'],
    'uploadScript' : 'upload.php',
    'onUploadComplete' : function(file, data) {
        console.log(data);
        }
    });
 $('#file_upload_2').uploadifive({
    'auto'         : true,
    'method'       : 'post',
    'queueID'      : 'queue',
    'fileType'     : ['text/x-comma-separated-values', 'text/comma-separated-values', 'application/octet-stream', 'application/vnd.ms-excel', 'application/x-csv', 'text/x-csv', 'text/csv', 'application/csv', 'application/excel', 'application/vnd.msexcel','application/force-download'],
    'uploadScript' : 'upload.php',
    'onUploadComplete' : function(file, data) {
        console.log(data);
        }
    });

3 个答案:

答案 0 :(得分:1)

您已经向onUploadComplete函数传递了两个参数。

'onUploadComplete' : function(file, data) {
   console.log(data);
 }

只有一个参数可用“file”,而不是数据。

相当恼人的是,在uploadifive中似乎存在一个错误。

返回data的唯一事件功能是:

'onUploadSuccess' : function(file, data, response) {
            alert('The file ' + file.name + ' was successfully uploaded with a response of ' + response + ':' + data);
        }

但是,js文件中没有包含该内容。

发布支持请求可能吗?

答案 1 :(得分:0)

您必须使每个队列的队列ID不同。他们试图将相同的元素用作队列。

答案 2 :(得分:0)

为每个设置不同的'queueID'或者根本不设置'queueID'。