效果圖 pc: 移動: 兼容性:主流瀏覽器+Ie11均正常顯示 移動端 微信瀏覽器正常顯示 預覽展示 方案1 js包引入,跳轉頁面展示pdf,實現在線預覽 window.open('./js/pdf ...
項目需求 前段時間項目中遇到了一個模塊,是關於在線預覽word文檔 PDF文件 的,所以,找了很多插件,例如,pdf.js,pdfobject.js框架,但是pdfobject.js框架對於IE瀏覽器不兼容,所以,選擇了使用pdf.js,這里記錄一下,以后使用的時候好查找,也希望可以幫助有需要的人。 word文件轉pdf文件 首先需要將指定的word文檔轉為pdf文件,方法有很多,這里不介紹,有 ...
2019-06-23 13:28 0 10155 推薦指數:
效果圖 pc: 移動: 兼容性:主流瀏覽器+Ie11均正常顯示 移動端 微信瀏覽器正常顯示 預覽展示 方案1 js包引入,跳轉頁面展示pdf,實現在線預覽 window.open('./js/pdf ...
文檔在線預覽的另一種實現方式采用的技術棧是OpenOffice + pdf.js, office文檔轉換為pdf的工作依然由OpenOffice的服務來完成,pdf生成后我們不再將其轉換為其他文件而是直接將pdf文件通過js框架直接展示到web頁面,這樣相對於方案一的實現少了一層轉換,效率會更快 ...
1.引入兩個主要js文件 <script src="../js/pdf.js"></script> <script src="../js/pdf.worker.js"></script> 2.主要js代碼 ...
用pdf.js實現在移動端在線預覽pdf文件1、下載pdf.js 官網地址:https://mozilla.github.io/pdf.js/ 2、配置 下載下來的文件包,就是一個demo,仿照這個demo做就可以 (1)頁面元素如下: <button ...
首先大概說明一下問題出現的背景:我用PDF.JS實現文件在線預覽,參考網上的辦法,在jsp文件中使用 <iframe src="<c:url value="js/generic/web/viewer.html" />?file=<c:url value ...
一、PDF介紹 PDF.js是一個由HTML5建立的PDF閱讀器。依托開源社區驅動和Mozilla實驗室的技術支持。目標是建立一個通用的,基於web的解析和渲染PDF文件的平台。https://github.com/ChineseDron/pdf.js# 是從Mozilla原版中fork ...
背景 之前一直是用戶點擊下載word文件到本地,然后使用office或者wps打開。需求優化,要實現可以直接在線預覽,無需下載到本地然后再打開。 隨后開始上網找資料,網上資料一大堆,方案也各有不同,大概有這么幾種方案: 1.word轉html然后轉pdf ...
一.場景還原 用戶上傳了一張圖片,已有服務器保存路徑,現由於系統配置無法直接通過圖片URL打開預覽圖片,需實現點擊預覽將圖片顯示在瀏覽器上。 二.實現方法 html: 此處用預覽按鈕方法實現 Javascript: 此處因為測試判斷了PNG Java ...