javascript - 将原始数据传递给 pdf JS 而不是 url？

Question

我可以将这样的数据传递给 PDFJS.getDocument 而不是 URL 吗？我的数据:

PDF-1.4 %���� 9 0 obj <> endobj xref 9 36 0000000016 00000 n 0000001259 00000 n 0000001336 00000 n...

Answer 1

PDFJS.getDocument 方法定义的很清楚，你可以自己阅读:http://mozilla.github.io/pdf.js/api/draft/PDFJS.html#getDocument

您可以使用 URL 打开 PDF:

PDFJS.getDocument('/url/to/file.pdf').then(function(pdf){ 

    var pageNumber = 1;

    pdf.getPage(pageNumber).then(function (page) {
        var scale = 1;
        var viewport = page.getViewport(scale);
        var canvas = document.getElementById('the-canvas');
        var context = canvas.getContext('2d');
        canvas.height = viewport.height;
        canvas.width = viewport.width;
        page.render({canvasContext: context, viewport: viewport});
    });
});

在这种情况下，PDFJS 会为您调用 URL，但如果您已经有了 PDF 文件，您可以将数据提供给 PDFJS，如下所示:

var docInitParams = { data: myPdfContent };
PDFJS.getDocument(docInitParams).then(function(pdf){
    //render a page here
});

问题是您的原始 PDF 数据是什么格式？

如果您只是使用 Ajax 调用从网络服务器检索文件，那么数据可能位于 ArrayBuffer 中。如果是这样，您需要将它放入 Uint8Array 中，使其可供 PDFJS 访问，如下所示:

//However you get the data, let's say it ends up here in this variable
var arrayBufferOfPdfData = blah..blah..blah;

var myData = new Uint8Array(arrayBufferOfPdfData); //put it in a Uint8Array

var docInitParams = {data: myData};
PDFJS.getDocument(docInitParams).then(function(pdf){
    //render a page here
});

最后，您需要知道您的数据的格式，以便您可以将其转换为 PDFJS 可以使用的可接受格式。我没有描述如果您的数据被编码为 Base64 字符串该怎么办，但是有 another SO question that answers exactly that .

我的回答比您的单行问题更具描述性。因此，如果我没有很好地解决您的问题，那么您应该提供更多详细信息。