进度信息


jQuery FileUpload 插件可以触发进度事件的回调,其可用于显示进度信息,包括:

  • 上传速度(格式为 GBps/MBps/KBps/Bps)。
  • 剩余上传时间(格式为 hh:mm:ss)。
  • 上传的字节数和总字节数(格式为 bit/s、kbit/s、Mbit/s、Gbit/s)。
  • 已上传字节的百分比。

插件的 UI 组件(js/jquery.fileupload-ui.js)均能显示以上扩展信息。

如果想要基于 basic 组件实现自己的用户界面,可以使用 loadedtotalbitrate data 属性来实现:

$('#fileupload').on('fileuploadprogress', function (e, data) {
    console.log(data.loaded, data.total, data.bitrate);
});

有关如何计算和格式化这些数据,请查看 _renderExtendedProgress 函数。