0

我很难弄清楚如何在使用fineuploader代码上传文件时显示进度条。

这是我的代码：

$("#attachmentUpload").fineUploader({
    element: $('#attachmentUpload')[0],
    request: {
        endpoint: '/controls/UploadFile.aspx'

    },
    autoUpload: true,
    multiple: false,
    text: {
        uploadButton: '<input type="button" class="btn btn-primary" value="Select File">',
        formatProgress: '({percent}% of {total_size})'
    },
    debug: true

}).on('submit', function (event, id, filename) {
    //when file is submitted code here
    alert('submitted');
}).on('complete', function (event, id, filename, responseJSON) {
    //when upload is finished code here
    alert('done');
});

当我执行文件上传时，我可以看到加载 gif 动画、文件名、文件大小和“正在处理...”一词。文件上传成功完成，但我只是无法弄清楚如何让进度条显示。我已经在 Chrome、IE 10 和 Firefox 中尝试过。它们都不显示进度条或 formatProgress 文本选项的内容。

更多信息：我正在使用 FineUploader 模式。

4

1 回答 1

0

我可以向您保证，对于所有支持 File API 的浏览器，Fine Uploader 中的进度条都可以正常工作。这当然包括 Chrome。如果您在非常快的连接上上传小文件，由于几乎是即时上传，进度条可能不可见。

在发送完最后一个字节后会出现“处理中...”状态消息，我们正在等待来自服务器的响应。我已经解释了为什么在 Fine Uploader 的问题跟踪器的情况下“处理中...”不能可靠地出现在 Firefox 中（并且进度条会一直持续到服务器返回响应）。请阅读我的评论以获取更多信息。

于 2013-03-24T18:12:59.423 回答