1. 程式人生 > >pdf.js預覽pdf檔案

pdf.js預覽pdf檔案

專案中需要做一個office線上預覽的功能,所以用到了pdf.js

下載對應官方檔案,

然後

<a href="plug-in/pdfjs/web/viewer.html?file=./../../../${dmdocPage.mainFile.swfpath}">預覽</a>

嗯,這樣就可以了

期間遇到一個比較坑的問題,就是Chrome下面死活出不來,報錯如下:

Unexpected server response (204) while retrieving PDF


網上有人說是什麼跨域問題,如開源中國的這個,結果試了不頂用,而且下面也有人反饋麼起作用

不過我這個是本機訪問的,也不存在什麼跨域..

找了很多帖子,最後總算在這個帖子裡找到一點靠譜的建議

回覆文字如下:

This is often due to the use of a Download Manager in your browser. Try in a different browser to check, or disable the Download Manager…

If the problem persists, please feel free to send more details by email so I can take a look:

Please note that I am unlikely to notice any further posts here

。。。原來是由於開啟的時候喚醒了下載工具導致的,我本地安裝了一個IDM,每次預覽檔案IDM就會自動彈出下載框,把那個取消了之後預覽功能就正常了。


----------------------------------更新--------------------------------------------------------

2017-11-30  11:58

客戶說提交表單的時候太慢了,發現是轉PDF耗費太長的時間

改的方式很簡單,直接起個執行緒把轉換的方法扔進去就可以了,速度槓槓的

相關推薦

vue專案中使用pdf.jspdf檔案

    專案要求需要預覽pdf檔案,網上找了很久,大多數都是推薦pdf.js,自己起了解了一下,最後決定用pdf.js, 但是發現,在vue中使用這個很少!!!!!所以我就寫這一篇幫助一下vue使用pdfjs的朋友! 其實 這和前端框架無關的,直接使用pdf.js原生

pdf.jspdf檔案

專案中需要做一個office線上預覽的功能,所以用到了pdf.js 下載對應官方檔案, 然後 <a href="plug-in/pdfjs/web/viewer.html?file=./../../../${dmdocPage.mainFile.swfpath}

Jquery.media.js實現網頁線上pdf檔案

近期在工作中遇到了需要在網站預覽pdf檔案的需求,網上的資料很多,我使用了其中一種,即使用 Jquery.media.js包實現。 首先需要準備兩個內容: 1,jquery.js,任意版本 2,jquery.media.js,可以從網上搜,或者去下面我提供的地方下載(是我上傳的),

前端js並且匯出pdf檔案

最主要的是使用到了一個jquery的外掛jquery.media.js,使用這個外掛就很容易實現了。 <!DOCTYPE html> <html> <head> <title>Show PDF</title>

jquery.media.js 外掛實現線上PDF檔案

 程式碼: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content

fis3+vue+pdf.js制作PDF文件或其他

制作 idt 心得 路徑 cal 構建 ack 功能 demo   人生第一篇博客,的確有點緊張,但有些許興奮,因為這對於我來說應該是一個好的開始,以此勵誌在技術的道路上越走越遠。   看過了多多少少的技術博客,給自己帶來了很多技術上的收獲,也因此在想什麽時候自己也可以贈人

JS展示PDF

wid object The view 電子 轉碼 ref 使用 order 剛好遇到需求,需要在手機端--展示一個電子收據,電子收據返回是PDF格式的,所以需要在前端上面去做PDF預覽。 在學習過程中,了解到一種很簡單,不需要任何插件的方法做PDF預覽,但是這方法有局限性

ionic3專案實現線上PDF檔案

這裡參考了大牛提供的預覽外掛完成自己需要實現的功能,ng2-pdf-viewer,該外掛不支援ionic3的懶載入,廢話少說,直接擼程式碼。 第一步,安裝 ng2-pdf-viewer npm install ng2-pdf-viewer --save 第二步,在專案中新建頁面

java+js將資料列印PDF

1、pdfjs包的位置 2.後臺java @RequestMapping(params = "goViewPDF") public ModelAndView goViewPDF(HttpServletRequest request,HttpServletRespon

前端實現線上pdf、word、xls、ppt等檔案

1、前端實現pdf檔案線上預覽功能 方式一: 通過a標籤href屬性實現 pdf檔案理論上可以在瀏覽器直接開啟預覽但是需要開啟新頁面。在僅僅是預覽pdf檔案且UI要求不高的情況下可以直接通過a標籤href屬性實現預覽 <a href="文件地址"></

js 實現 pdf 線上 列印 【完整版】

今天想寫的內容   因為網上有用的太少了,自己半摸索的實現了【文末有原始碼程式碼下載連結】。 1.說下需求:點選標題  跳轉  預覽的pdf  頁,下載功能 可選【最好有】。  2.實現結果 :   &nbs

瀏覽器中線上pdf檔案(不使用外掛)

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <script src="jquer

java線上pdf檔案或圖片檔案

在專案中需要使用到線上瀏覽檔案功能,由於專案中只能上傳pdf和圖片檔案,所有就只做了預覽pdf和圖片的功能。 在頁面中的程式碼如下: <a onclick="show(show_attach?filePath="+path+"&type="+type+")"

網頁上pdf檔案的幾種方案

          網頁上檢視pdf的方案: 1.使用adobe reader的外掛   2.使用線上office控制元件  3.使用火狐開源專案pdf.js(瀏覽器需支援html5)  4.將pdf轉換為swf檔案  5.使用pdfobject.js     下面我來講一

H5通過流的方式PDF檔案實踐總結:

前言: 最近領導讓研究H5如何通過後端返回流的方式去預覽PDF檔案,通過實踐,現總結如下: 外掛目錄如下圖: 當下載下來後,為做測試,將目錄檔案直接部署線上伺服器,去直接訪問viewer.html看是否能成功,輸入地址: ‘線上地址域名:’ + p

前端PDF:PDFObject、PDF.js

這兩天有個需求,要在網頁上顯示PDF檔案。首先< object >、< embed >、< iframe >這幾個標籤就能實現PDF檔案的預覽(無需JavaScript支援),我還在網上看了下發現挺多第三方js庫可以實現PDF

使用tcpdf軟體 線上pdf檔案

<?php require_once('/var/www/html/htdocs/tcpdf/config/lang/eng.php');//包含兩個檔案就載入tcpdf庫 require_once('/var/www/html/htdocs/tcpdf/tcpdf.

java+js PDF線上與列印(支援中文)Demo

1.主要講一下思路,首先獲取字型檔案,將字型檔案載入,然後將PDF檔案按一定格式生成。在前臺顯示, 2.載入字型檔案時需要注意字型檔案的路徑 3.前臺顯示時pdf檔案的路徑為專案路徑 加檔案路徑,這是我被卡的三點,應用了PDFObject.js外掛。我上傳到了百度雲 連

關於Android 線上PDF檔案

Android PdfViewer: 專案地址: https://github.com/barteksc/AndroidPdfViewer 功能很強大, 使用也比較廣, 親測可以使用. 唯一的缺點 :新增到專案中 會使apk增加16M, 這是最不能接受

移動端利用pdf.js實現線上pdf文件

專案中要求在移動端實現線上預覽pdf檔案,通過一番折騰,最後選擇用pdf.js實現。1、下載pdf.js    官網地址:https://mozilla.github.io/pdf.js/2、各種配置    下載下來的檔案包,就是一個demo,我們仿照這個demo做就可以啦