Question

我很难弄清楚如何使用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动画，文件名，文件大小和单词“Processing ...”。文件上传成功完成，但我一直无法弄清楚如何显示进度条。我试过Chrome，IE 10和Firefox。它们都不显示进度条或formatProgress文本选项的内容。

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

Answer 1

我可以向您保证，对于支持File API的所有支持的浏览器，进度条在Fine Uploader中运行良好。当然，这包括Chrome。如果您要在非常快速的连接上上传一个小文件，由于几乎即时上传，进度条可能无法访问。

在发送完最后一个字节之后出现“正在处理...”状态消息，我们正在等待服务器的响应。我已经解释了为什么“处理...”在a case in Fine Uploader's issue tracker中不能可靠地出现在Firefox中（并且进度条在服务器返回响应之前一直存在）。有关详细信息，请阅读my comments。

如何使用Fineuploader显示进度条

1 个答案: