Javascript 使用pdf.js以html格式呈现pdf页面预览

我想从html页面中的pdf生成一些pdf页面预览。这些预览是正确生成的，但与pdf页面的顺序不同

我的代码是：

 var PDF_FILES_DIRECTORY = "",
            PDF_FILES = ['pdf2.pdf'];
    var CURRENT_FILE = {};
    $.each(PDF_FILES, function (index, pdf_file) {
        PDFJS.getDocument(PDF_FILES_DIRECTORY + pdf_file).then(function (pdf) {
            for(idxPage = 1 ; idxPage < pdf.numPages ; idxPage++) {
                pdf.getPage(idxPage).then(function (page) {
                    var viewport = page.getViewport(1);
                    var canvas = document.createElement('canvas');
                    var ctx = canvas.getContext('2d');
                    canvas.height = viewport.height;
                    canvas.width = viewport.width;

                    var renderContext = {
                        canvasContext: ctx,
                        viewport: viewport
                    };

                    page.render(renderContext).then(function () {
                        ctx.globalCompositeOperation = "destination-over";
                        ctx.fillStyle = "#fff";
                        ctx.fillRect(0, 0, canvas.width, canvas.height);
                        var img_src = canvas.toDataURL();
                        var $img = $("<img>").attr("src", img_src);
                        var $thumb = $("<div>")
                                .attr("class", "thumb")
                                .append($img);

                        $thumb.appendTo("#thumbnail");
                        canvas.remove();
                    });
                }); // end of getPage
            }
        }); // end of getDocument
}); // end of each

var PDF\u FILES\u DIRECTORY=“”，
PDF_FILES=['pdf2.PDF']；
var CURRENT_FILE={}；
$。每个（PDF_文件，函数（索引，PDF_文件）{
getDocument（PDF文件目录+PDF文件）。然后（函数（PDF）{
对于（idxPage=1；idxPage

---

谢谢。

我可以想象，因为有两个异步进程正在进行。第2页的page.render（）可能在第1页之前完成。您可能需要在附加的缩略图中添加某种排序。我可以想象，因为有两个异步进程正在进行。第2页的page.render（）可能在第1页之前完成。您可能需要在附加的缩略图中添加某种排序。