前言 不使用插件直接進行pdf預覽時,對於小文件沒有任何問題,但在預覽一個305M,近400頁的pdf文件時,打開pdf直接拉到最后幾頁,會造成瀏覽器崩潰,於是嘗試使用pdf.js的插件方式進行pdf預覽,解決大文件瀏覽器崩潰的問題。 1、下載地址 http ...
一 需求: 客戶在公共場所,需要在系統上查看文件內容 二 實現思路 通過前端獲取訪問的文件的全路徑,判斷文件的類型 如果是office文件 文本文件則進行裝換成pdf文件或者html頁面 如果是圖片,則直接轉移到預覽文件夾 將文件類型和文件相對路徑返回頁面進行加載 三 資源 部署pdf.js查看器: 進入官網,選擇Stable版本下載pdf.js插件並解壓到本地。 在服務器根目錄創建 pdf靜態資 ...
2020-12-25 10:47 0 881 推薦指數:
前言 不使用插件直接進行pdf預覽時,對於小文件沒有任何問題,但在預覽一個305M,近400頁的pdf文件時,打開pdf直接拉到最后幾頁,會造成瀏覽器崩潰,於是嘗試使用pdf.js的插件方式進行pdf預覽,解決大文件瀏覽器崩潰的問題。 1、下載地址 http ...
本項目Demo使用了PDF.js插件實現PDF在線閱讀功能PDF.js插件下載地址 實測能用! 1、創建SpringBoot項目,目錄結構如下: 2、進行項目配置: pom.xml: PDFApplication.java ...
PDF.js可以實現在html下直接瀏覽pdf文檔,是一款開源的pdf文檔讀取解析插件,非常強大,能將PDF文件渲染成Canvas。PDF.js主要包含兩個庫文件,一個pdf.js和一個pdf.worker.js,一個負責API解析,一個負責核心解析。 首先引入pdf.js文件< ...
最近准備對項目中的一個在線PDF查看器組件進行重構下,這個組件最開始用的瀏覽器內置的pdf查看的功能實現的,在使用中,遇到了很多不大容易解決的問題: 不同的瀏覽器樣式不一樣 禁止默認查看器中自帶的下載,打印工具欄按鈕 ...
谷歌瀏覽器可以直接在線查看pdf,而IE內核瀏覽器無法在線查看,默認是下載。 這里用到的是pdf.js,不僅支持IE內核瀏覽器,而且兼容手機查看pdf 官網地址:http://mozilla.github.io/pdf.js/ 下載之后解壓放到本地服務器,打開對應網址查看一下。/web ...
首先大概說明一下問題出現的背景:我用PDF.JS實現文件在線預覽,參考網上的辦法,在jsp文件中使用 <iframe src="<c:url value="js/generic/web/viewer.html" />?file=<c:url value ...
用pdf.js實現在移動端在線預覽pdf文件1、下載pdf.js 官網地址:https://mozilla.github.io/pdf.js/ 2、配置 下載下來的文件包,就是一個demo,仿照這個demo做就可以 (1)頁面元素如下: <button ...