北京网站建设搜q.479185700,网站制作合作协议,经常使用什么对网页的布局进行控制,网站备案填了虚假座机能过吗一、前言
有时候开发PC端web页面的时候会遇到PDF预览、下载等功能#xff0c;为了兼容浏览器#xff0c;需要找一款前端插件进行开发。比较好的PDF插件#xff0c;就是mozilla的pdf.js#xff08;注意是mozilla#xff0c;如果你百度遇到需要收费的#xff0c;那应该是下…一、前言
有时候开发PC端web页面的时候会遇到PDF预览、下载等功能为了兼容浏览器需要找一款前端插件进行开发。比较好的PDF插件就是mozilla的pdf.js注意是mozilla如果你百度遇到需要收费的那应该是下载错了。而从mozilla的Github仓库去找想要的代码如果你不熟悉想直接使用的话还是有一些麻烦的。
二、pdfViewer
为了能够直接使用这里分享一下经过简单修改后能直接使用的pdfViewer代码
pdfViewer代码目录pdfViewer代码包本文查看附件 以Vue工程为例 ①将pdfViewer代码放到pubilc目录下pdfViewer代码包本文查看附件 ②使用下面的链接进行pdf访问http://xxx/pdfViewer/web/viewer.html?filepdfUrl 其中http://xxx 为项目访问地址。
预览效果 注意 ①上述预览使用file:///D:/workspace/study/pdfViewer/web/viewer.html?fileD:\workspace\study\pdfViewer\demo.pdf能直接在浏览器打开是因为本人浏览器做了跨域允许。一般浏览器是不能使用上述方式直接打开的需要用httphttps的方式去预览即http://xxx/pdfViewer/web/viewer.html?filepdfUrl ②pdfViewer代码只在PC上使用其页面样式在移动端有兼容问题。移动端有对应的代码包以后有时间再整理。
