Как преобразовать BLOB-объект с типом как application / pdf в и изображение и отобразить его в браузере - PullRequest
Новая
       8

Как преобразовать BLOB-объект с типом как application / pdf в и изображение и отобразить его в браузере

0 голосов
/ 05 марта 2020

В настоящее время я делаю вызов API для получения PDF в формате base64, я помещаю эти данные в большой двоичный объект. Теперь, как преобразовать этот BLOB-объект в изображение и отобразить его в браузере? 

var blob = new Blob([data],{type:'application/pdf});

Я не могу напрямую отобразить PDF в окне браузера как браузер "Загрузить PDF вместо того, чтобы автоматически открывать их в chrome "опция включена. Я пытался использовать pdf. js, но я получаю следующую ошибку 

> canvas.js:807 Uncaught (in promise) TypeError: Cannot read property 'transform' of undefined
    at CanvasGraphics.beginDrawing (canvas.js:807)
    at InternalRenderTask.initializeGraphics (api.js:2805)
    at api.js:1129

Кроме того, вот мой код с использованием pdf. js

loadingTask.promise.then(function (pdf) {
   pdf.getPage(1).then(function (page) {
      var scale = 1;
      var viewPort = page.getViewport({ scale: scale });
      var canvas = document.createElement("canvas");
      canvas.id = "pdf-canvas";
      document.body.appendChild(canvas);
      var context = canvas.getContext('2d');
      canvas.height = viewPort.height;
      canvas.width = viewPort.width;
      var renderContext = {
        canvasContext: context,
        viewPort: viewPort
        };
      var task = page.render(renderContext);
      task.promise.then(function () {
        console.log(canvas.toDataURL('image/jpeg'));
      });
...