首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >FineUploader Progressbar问题

FineUploader Progressbar问题
EN

Stack Overflow用户
提问于 2013-09-03 20:44:14
回答 1查看 1.1K关注 0票数 1

对于使用v3.8中的进度事件(使用jQuery包装器),我有点困惑--我知道只有某些浏览器支持ProgressEvent接口,所以我正在Firefoxv20.0.1中进行测试。

使用他人的一些代码,我添加了以下内容:

代码语言:javascript
运行
复制
.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-进度-栏’。我是做错了还是让事情变得比我需要的更复杂?我只需要展示进步,而文本值并不是必需的,但肯定是好的。举个例子?有什么想法?

谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-09-03 20:54:56

方法签名不正确,使用event插件时需要包含jQuery参数:

代码语言:javascript
运行
复制
.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的文档。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18601142

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档