我在我的网站上使用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控制台中收到任何错误。
这里有什么问题?感谢。
答案 0 :(得分:1)
尝试:
'onProgress': function(event, ID, fileObj, data) {
console.log("progress");
updateProgress(data);
return false;
}
来自文档:
“onProgress选项允许您在每次文件上传更改进度时触发一个函数。默认函数更新进度条的长度和显示的百分比。如果自定义函数返回false,默认函数将不会运行。“