javascript - jQuery 文件上传显示剩余时间？

Question

您好，我正在使用 jQuery File Upload

它工作正常，我正在向用户显示一个进度条，显示上传进度，代码如下:

$('#fileupload').fileupload({
    /* ... */
    progressall: function (e, data) {
        var progress = parseInt(data.loaded / data.total * 100, 10);
        $('#progress .bar').css(
            'width',
            progress + '%'
        );
    }
});

在我的页面上，我目前刚刚包含了 jquery.fileupload.js 文件。在 progressall 函数的数据中，我可以看到比特率、总文件大小和当前加载的数据，正如我所说，这会按预期更新我的进度条。然而读这个link在网站上它建议我可以获得额外的信息，包括剩余时间？但是，我一直无法使它正常工作。还有一个 jquery.fileupload-ui.js 文件 - 我尝试在我的 jquery.fileupload.js 之后包含该文件，但我没有看到剩余时间属性被添加到 progressall 函数的数据中。我还尝试删除 jquery.fileupload.js 并只包含 jquery.fileupload-ui.js 但是这破坏了我的文件上传并且它没有运行。

无论如何，我是否可以使用比特率/加载的数据和总大小轻松计算剩余时间，或者有人对我应该从插件中开箱即用地获取此扩展信息的正确方法提出建议吗？

Answer 1

我发现最简单的解决方案是计算“fileuploadprogress”事件中的时间:

var secondsRemaining = (data.total - data.loaded) * 8 / data.bitrate;

在我的例子中，我只包括 jquery.fileupload.js 而不是 jquery.fileupload-ui.js 所以我更喜欢这个解决方案。

但是，当您包含 jquery.fileupload-ui.js 组件时，您会获得可用的“扩展进度”信息，但我相信这仅适用于“fileuploadprogressall”事件，而不适用于“fileuploadprogress”。 https://github.com/blueimp/jQuery-File-Upload/wiki/Extended-progress-information