项目要求实现出来的效果如下图
一开始尝试下载了pdfobject,结果不支持ie跟火狐(较低版本的),在搜看到下载了pdf.js插件
下载地址http://mozilla.github.io/pdf.js 解压你项目文件下(下载解压出来的文件目录,Git方式的会不同)
页面上使用文件流的形式来显示pdf(既在访问viewer.html时会自动取file参数的路由来获取文件),前端的代码如下
<iframe src="./pdfjs/web/viewer.html?file=XXX.pdf" frameborder="0"></iframe>
XXX.pdf为你本地的路径,可以正常显示
(1)pdf文件存在在本地项目中,没有涉及到跨域按上面方法直接上本地路劲是可以的
(2)要显示别的服务器上的pdf文件,(我涉及的那个项目的pdf是放在阿里云oss的)就会出现入下图所示的错误
(ps:找了很多很多很多的资料,试过php端的fpdf那个插件(tp)下载下来发现P