pdf格式的加载栏

Loading Bar For Pdf.js

本文关键字：加载 格式 pdf      更新时间：2023-09-26

我想为pdf.js创建一个加载条，这样用户就可以监控pdf.js下载pdf文档的进度。我的应用程序是通过gwt运行的，使用pdf.js pdf阅读器，虽然我不认为这个问题与gwt有多大关系。在pdf.js代码中，有一个名为progrescallback的对象，它应该为我提供要呈现的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
      });

我想知道我将如何使用progrescallback。我找不到成功访问加载变量的方法。到目前为止，除其他事项外，我已经尝试使用progrescallback的值设置警报窗口。上膛了，但没起作用。对于如何使用这个progressCallback变量使progressBar有任何建议吗?提前感谢!

可以这样使用:

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...
});

希望有帮助!

试试这个

//load document
var loadingTask = pdf.getDocument(src);
//get progress data
loadingTask.onProgress = function(data){
   console.log( "loaded : " + data.loaded" )
   console.log( "total : " + data.total ")
}
//use document
loadingTask.promise.then( function (pdf){
   //do anything with pdf
}

希望能成功

相关文章：