Как просмотреть файл PDF перед загрузкой - PullRequest
Новая
       13

Как просмотреть файл PDF перед загрузкой

1 голос
/ 31 мая 2019

Я внедряю некоторый код для просмотра PDF-файла после выбора его на нашем компьютере, но я получаю некоторые ошибки

Я пытался с 'pdf.js', но я получаю некоторую ошибкучто «PDFJS» или «pdfjsLib» не определены 

function showInCanvas(url) {

                'use strict';

                var pdfAsArray = convertDataURIToBinary(url);

                pdfjsLib.getDocument(pdfAsArray).then(function (pdf) {

                    pdf.getPage(1).then(function (page) {
                        var scale = 1.5;
                        var viewport = page.getViewport(scale);

                        var canvas = document.getElementById('the-canvas');
                        var context = canvas.getContext('2d');
                        canvas.height = viewport.height;
                        canvas.width = viewport.width;

                        var renderContext = {
                            canvasContext: context,
                            viewport: viewport
                        };
                        page.render(renderContext);
                    });
                });
            }

Полученное сообщение об ошибке: 

Uncaught ReferenceError: pdfjsLib is not defined

1 Ответ

0 голосов
/ 31 мая 2019

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

   var file =document.getElementById("filecontrol").files[0];
   var url =URL.createObjectURL(file );
   $('#iframeid').attr('src',url);

HTML:

<iframe id="iframeid" width="x" height="y"></iframe>
...