Pdf.js：使用base64文件源而不是url呈现pdf文件

Question

我正在尝试使用pdf.js从pdf渲染页面通常，使用网址，我可以这样做：PDFJS.getDocument("http://www.server.com/file.pdf").then(function getPdfHelloWorld(pdf) {  //  // Fetch the first page  //  pdf.getPage(1).then(function getPageHelloWorld(page) {    var scale = 1.5;    var viewport = page.getViewport(scale);    //    // Prepare canvas using PDF page dimensions    //    var canvas = document.getElementById('the-canvas');    var context = canvas.getContext('2d');    canvas.height = viewport.height;    canvas.width = viewport.width;    //    // Render PDF page into canvas context    //    page.render({canvasContext: context, viewport: viewport});  });});但在这种情况下，我将文件放在base64而不是url：data:application/pdf;base64,JVBERi0xLjUKJdDUxdgKNSAwIG9iaiA8PAovTGVuZ3RoIDE2NjUgICAgICAKL0ZpbHRlciAvRmxhdGVEZWNvZGUKPj4Kc3RyZWFtCnjarVhLc9s2...怎么做到这一点？

Answer 1

根据示例，直接支持base64编码，虽然我自己没有测试过。获取你的base64字符串（从一个文件派生或用任何其他方法加载，POST / GET，websockets等），将其转换为带有atob的二进制文件，然后将其解析为PDFJS API上的getDocument，如PDFJS.getDocument({data: base64PdfData});Codetoffel，答案确实可以正常工作我虽然。

Answer 2

使用Accepted Answer对IE进行检查并将dataURI转换为UInt8Array; PDFJS接受的表格

        Ext.isIE ? pdfAsDataUri = me.convertDataURIToBinary(pdfAsDataUri): '';

        convertDataURIToBinary: function(dataURI) {

          var BASE64_MARKER = ';base64,',

            base64Index = dataURI.indexOf(BASE64_MARKER) + BASE64_MARKER.length,

            base64 = dataURI.substring(base64Index),

            raw = window.atob(base64),

            rawLength = raw.length,

            array = new Uint8Array(new ArrayBuffer(rawLength));

          for (var i = 0; i < rawLength; i++) {

            array[i] = raw.charCodeAt(i);

          }

          return array;

        },