轉載https://blog.csdn.net/weixin_44326389/article/details/103736109
1.jquery插件
1.1 jquery.media.js
[參考地址]https://justcoding.iteye.com/blog/2163072
1.2 jquery.viewer.min.js
[參考地址]https://blog.csdn.net/qq_29132907/article/details/80136023
2.vue-pdf
[參考網址]https://www.cnblogs.com/lodadssd/p/10297989.html
安裝
npm install --save vue-pdf
使用
3.iframe(項目中可能會出現同源策略)
4.pdf.js(該插件需要放到服務器上才能使用)
①后台返回已經生成的pdf,前台直接展示var url = ‘后台返回的url’;//后台生成的圖片路徑****.pdf
window.location.href = 'pdfjs在服務器上的路徑/viewer.html?file='+url
1
②后台返回base64,前台轉成pdf(小編暫時沒有整出來,不過聽公司大神說曾經實現過)
5.pdfh5.js
<div class="pdfContent"></div>
pdfh5.js需要下載多個依賴文件,引入時別落下喲~
pdfh5.js是將base64流轉換成jpeg格式進行展示的
6.最直接的方法
window.location.href = url