js實現展示pdf的多種方法


轉載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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM