在html中展示pdf文件

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&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,959评论 1 45
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 10,752评论 0 7
  • PDFObject 看官网上的介绍,PDFObject并不是一个PDF渲染工具,它也是通过< embed >标签实...
    宇VS然阅读 11,700评论 5 2
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 12,017评论 2 19
  • 笑:会不会以后我们俩打起来 不对哦,你打我的话就叫家暴了 聪:擦你打我就不叫家暴了 再说了我不打女人 笑:不叫 ...
    笑笑笑呀阅读 1,137评论 0 1