如何在上传前查看 PDF 文件答案

【问题标题】：How to view PDF file before uploading如何在上传前查看 PDF 文件
【发布时间】：2019-10-16 19:12:58
【问题描述】：

我正在实现一些代码以在从我们的计算机中选择 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

【问题讨论】：

标签： javascript jquery c#-4.0 asp.net-mvc-5 preview

【解决方案1】：

为什么你要依赖外部库来预览 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>

【讨论】：