javascript - Pdf.js 的加载栏

Question

我想为 pdf.js 创建一个加载栏，以便用户可以监控 pdf.js 与下载要呈现的 pdf 文档的进度。我的应用程序是通过 gwt 运行的，带有 pdf.js pdf 阅读器，尽管我认为这个问题与 gwt 没有太大关系。在 pdf.js 代码中，有一个名为 progressCallback 的对象，它应该给我要呈现的 pdf 中的数据总量，以及已经加载的数据量。它用于诸如 getDocument 之类的方法，即

PDFJS.getDocument = function getDocument(source,
                                     pdfDataRangeTransport,
                                     passwordCallback,
                                     progressCallback) {

这是另一种利用它的方法，并展示了它是如何使用的

messageHandler.on('DocProgress', function transportDocProgress(data) {
    if (this.progressCallback) {
      this.progressCallback({
        loaded: data.loaded,
        total: data.total
      });

我想知道如何使用 progressCallback。我找不到成功访问加载变量的方法。到目前为止，除其他事项外，我已经尝试使用 progressCallback.loaded 的值设置警报窗口，但没有奏效。关于如何使用此 progressCallback 变量制作 progressBar 的任何建议？提前致谢!

Answer 1

您可以通过以下方式使用它:

var progressCallback = function(progress){
    var percentLoaded = progress.loaded / progress.total;
    console.log(progress); // Progress has loaded and total
};

PDFJS.getDocument = function getDocument(source,
                                     pdfDataRangeTransport,
                                     passwordCallback,
                                     progressCallback) {
// Do something...
});

希望对您有所帮助!