Uploadify不触发onProgress事件

时间:2012-03-06 16:24:54

标签: javascript file-upload uploadify

我在我的网站上使用Uploadify并尝试集成我自己的更高级的进度条。我需要定期获取每个文件上传的状态,因此我计划使用Uploadify的onProgress事件。如果我这样做:

$('#file-upload').uploadify({
    'uploader'  : '/assets/flash/uploadify.swf',
    'script'    : '/upload.php',
    'cancelImg' : '/assets/images/cancel.png',
    'auto'      : false,
    'multi'     : true,
    'queueID'   : 'file-queue',
    'queueSizeLimit':5,
    'sizeLimit' : 104857600,
    'onSelect'  : function(event, ID, fileObj) {
        files.push({id:ID, size:fileObj.size});
        addFileToQueue(ID, fileObj);
        return false;
    },
    'onError'   : function(event, ID, fileObj, errorObj) {
        alert("Error: Type: " + errorObj.type + " Message: " + errorObj.info);
    },
    'onProgress': function(event, ID, fileObj, data) {
        console.log("progress");
        updateProgress(data);
    }
});

问题是,我从未让progress登录到控制台,updateProgress函数中的任何代码也都没有执行。文件上传确实有效,因为我可以看到上传到uploads目录的文件。我也没有在Javascript控制台中收到任何错误。

这里有什么问题?感谢。

1 个答案:

答案 0 :(得分:1)

尝试:

'onProgress': function(event, ID, fileObj, data) {
    console.log("progress");
    updateProgress(data);
    return false;
}

来自文档:

  

“onProgress选项允许您在每次文件上传更改进度时触发一个函数。默认函数更新进度条的长度和显示的百分比。如果自定义函数返回false,默认函数将不会运行。“