实例简介
此示例共享PDF 预览和下载功能。有两种预览方式。
功能实现
1.使用a标签实现预览和下载功能
如果要求不高，此方法比较方便，因为预览功能会影响某些手机上的下载。这是代码：
!DOCTYPE htmlhtml lang='en'head meta charset='utf-8' meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no' 标题预览下载PDF/标题/headbody a href='./test.pdf' target='_blank'预览/a a href='./test.pdf' download='test' target='_blank'下载/a/body/html2，使用PDF来做。利用js组件实现预览功能
如果您有更高的要求，可以使用pdf.js组件，它可以兼容不同手机上相同的预览效果。这是代码：
1.安装后，应适当使用预览功能。
2. fileUrl是预览文件的地址。如果文件不在“pdfjs/web”下，则必须使用代码等部署路径。
!DOCTYPE htmlhtml lang='en'head meta charset='utf-8' meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no' 标题预览下载PDF/标题/headbody a href='javascript:' onclick='previewPdf()'预览/脚本函数reviewPdf() { var fileUrl='/study/js/previewPDF/test.pdf'; fileUrl); }/script/body/html提示：
pdf.js下载地址：http://mozilla.github.io/pdf.js/getting_started/#download；
目录结构如下：
版权声明：本文由今日头条转载，如有侵犯您的版权，请联系本站编辑删除。