对于使用v3.8中的进度事件(使用jQuery包装器),我有点困惑--我知道只有某些浏览器支持ProgressEvent
接口,所以我正在Firefoxv20.0.1中进行测试。
使用他人的一些代码,我添加了以下内容:
.on('progress', function (id, filename, uploadedBytes, totalBytes)
{
alert('uploadedBytes: ' + uploadedBytes + '\n totalBytes: ' + totalBytes);
if (uploadedBytes < totalBytes) {
progress = '"' + fileName + '" uploading... ' + Math.round(uploadedBytes / totalBytes*100) +'%';
$('#qq-progress-bar').html(progress);
}
else {
$('#qq-progress-bar').html('saving');
}
})
请查看此事件中的警报功能,上面。如果方法的输入参数是正确的,我不应该看到上传文件的名称显示在'uploadedBytes‘参数中。totalBytes参数似乎是正确的。警报显示在下面:
在某些浏览器(如FireFox v20.0.1 )中,我可以明显地看到进度条,但该条没有进展。而且,上传的金额的%值并不能起到很大作用。我会看到一个值,然后它就完成了。
为了让所有这些都出现,我正在更改文件模板中命名的‘qq-进度-栏’。我是做错了还是让事情变得比我需要的更复杂?我只需要展示进步,而文本值并不是必需的,但肯定是好的。举个例子?有什么想法?
谢谢!
发布于 2013-09-03 20:54:56
方法签名不正确,使用event
插件时需要包含jQuery参数:
.on('progress', function (event, id, filename, uploadedBytes, totalBytes) {
alert('uploadedBytes: ' + uploadedBytes + '\n totalBytes: ' + totalBytes);
if (uploadedBytes < totalBytes) {
progress = '"' + fileName + '" uploading... ' + Math.round(uploadedBytes /
totalBytes * 100) + '%';
$('#qq-progress-bar').html(progress);
}
else {
$('#qq-progress-bar').html('saving');
}
})
更多信息在关于使用jQuery与精细Uploader的文档。中
https://stackoverflow.com/questions/18601142
复制相似问题