美文网首页
在html中展示pdf文件

在html中展示pdf文件

作者: ChrisWF | 来源:发表于2019-03-04 10:21 被阅读0次

    1. iframe

    所有浏览器都支持 < iframe > 标签,直接将src设置为指定的PDF文件就可以预览了。此外可以把需要的文本放置在

    < iframe > 和 之间,这样就可以应对无法理解 iframe 的浏览器,比如下面的代码可以提供一个PDF的下载链接:

    <iframe src="/index.pdf" width="100%" height="100%">

    This browser does not support PDFs. Please download the PDF to view it: <a href="/index.pdf">Download PDF</a>

    </iframe>

    2. PDF.js

    下载链接:https://mozilla.github.io/pdf.js/

    PDFJS.getDocument('../index.pdf').then(pdf=>{

            var numPages = pdf.numPages;

            var start = 1;

            renderPageAsync(pdf, numPages, start);

        });

    相关文章

      网友评论

          本文标题:在html中展示pdf文件

          本文链接:https://www.haomeiwen.com/subject/wqjbuqtx.html