效果圖 pc: 移動: 兼容性:主流瀏覽器+Ie11均正常顯示 移動端 微信瀏覽器正常顯示 預覽展示 方案1 js包引入,跳轉頁面展示pdf,實現在線預覽 window.open('./js/pdf ...
最近項目要求pdf和word可以在線預覽功能,pc端還好解決,但是微信端就有點坑了,pc端原來的思路是將文件轉成base ,然后用html格式顯示 ,但是微信端不支持, 這種方式就pass掉了,谷歌本來就支持pdf預覽的,用pdf.js就可以移動端和pc端在線預覽,后來就干脆把所有的文件轉成pdf格式,就可以支持移動端在線預覽了 首先是下載pdf.js,簡單快速的方法就是直接用自帶的方法。 看v ...
2018-01-03 13:39 0 2333 推薦指數:
效果圖 pc: 移動: 兼容性:主流瀏覽器+Ie11均正常顯示 移動端 微信瀏覽器正常顯示 預覽展示 方案1 js包引入,跳轉頁面展示pdf,實現在線預覽 window.open('./js/pdf ...
1.引入兩個主要js文件 <script src="../js/pdf.js"></script> <script src="../js/pdf.worker.js"></script> 2.主要js代碼 ...
背景 之前一直是用戶點擊下載word文件到本地,然后使用office或者wps打開。需求優化,要實現可以直接在線預覽,無需下載到本地然后再打開。 隨后開始上網找資料,網上資料一大堆,方案也各有不同,大概有這么幾種方案: 1.word轉html然后轉pdf ...
本項目Demo使用了PDF.js插件實現PDF在線閱讀功能PDF.js插件下載地址 實測能用! 1、創建SpringBoot項目,目錄結構如下: 2、進行項目配置: pom.xml: PDFApplication.java ...
1、首先下載pdf.js源碼,下載地址為:http://mozilla.github.io/pdf.js/ 2、解壓放到自己的項目當中,位置自己選擇 3、前端html代碼 4、訪問路徑可能因為傳參有兩個問號的問題,所以可能導致訪問prview接口fileId獲取不到的情況 ...
文檔在線預覽的另一種實現方式采用的技術棧是OpenOffice + pdf.js, office文檔轉換為pdf的工作依然由OpenOffice的服務來完成,pdf生成后我們不再將其轉換為其他文件而是直接將pdf文件通過js框架直接展示到web頁面,這樣相對於方案一的實現少了一層轉換,效率會更快 ...
項目需求 前段時間項目中遇到了一個模塊,是關於在線預覽word文檔(PDF文件)的,所以,找了很多插件,例如,pdf.js,pdfobject.js框架,但是pdfobject.js框架對於IE瀏覽器不兼容,所以,選擇了使用pdf.js,這里記錄一下,以后使用的時候好查找,也希望 ...
最近需要在移動端展示的html頁面中預覽遠程服務器中的pdf文件,但由於android手機的瀏覽器不支持pdf格式的文件,遂經過一番搜索,找到了一個名為pdf.js的插件。 它可以支持pdf在html頁面的展示,且自帶對預覽pdf文件操作工具,經過實際檢測,在Apple手機 ...