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
----------------------------------更新--------------------------------------------------------
2017-11-30 11:58
客戶說提交表單的時候太慢了,發現是轉PDF耗費太長的時間
改的方式很簡單,直接起個執行緒把轉換的方法扔進去就可以了,速度槓槓的
相關推薦
vue專案中使用pdf.js預覽pdf檔案
專案要求需要預覽pdf檔案,網上找了很久,大多數都是推薦pdf.js,自己起了解了一下,最後決定用pdf.js, 但是發現,在vue中使用這個很少!!!!!所以我就寫這一篇幫助一下vue使用pdfjs的朋友! 其實 這和前端框架無關的,直接使用pdf.js原生
pdf.js預覽pdf檔案
專案中需要做一個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做就可以啦