JavaWeb：在瀏覽器預覽PDF的方法，超級簡單

阿新 • • 發佈：2019-01-14

用PDFjs預覽pdf檔案，簡單實用

PDF.js是一款基於HTML5建立的PDF閱讀器，相容大部分主流的瀏覽器，使用起來，也異常的暴力簡單（主要是因為看不懂原始碼，只知道在使用時加個引數就好了

）。使用的步驟： 1.建立一個web工程，把PDF.js丟進去 PDF.js 可以在官網上下載：http://mozilla.github.io/pdf.js/ 也可以在我的專案中複製出來

2.在HTML檔案下編寫JavaScript程式碼：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" onclick="openPDF()" value="點我"/>
<script>
    function openPDF(){
        var url="/pdfjsDemo/demo.pdf";
        window.open("pdfjs/web/viewer.html?file="+url);
    }
</script>
</body>
</html>

3.演示：

4.PDFjs檔案目錄：

├── LICENSE
├── build/
│   ├── pdf.js                             - display layer
│   └── pdf.worker.js                      - core layer
└── web/
    ├── cmaps/                             - character maps(required by core)
    ├── compatibility.js                   - polyfills for missing features
    ├── compressed.tracemonkey-pldi-09.pdf - test pdf
    ├── debugger.js                        - helpful pdf debugging features
    ├── images/                            - images for the viewer and annotation icons
    ├── l10n.js                            - localization
    ├── locale/                            - translation files
    ├── viewer.css                         - viewer style sheet
    ├── viewer.html                        - viewer html
    └── viewer.js                          - viewer layer

如果不去改原始碼的話，我們只需要用到viewer.html一個檔案

5.原始碼下載地址：我用是idea建立的專案，idea可以直接匯入，如果是eclipse，自己建個web專案，然後把web下檔案複製下哈 http://download.csdn.net/detail/u014701246/9901064

JavaWeb：在瀏覽器預覽PDF的方法，超級簡單

用PDFjs預覽pdf檔案，簡單實用 PDF.js是一款基於HTML5建立的PDF閱讀器，相容大部分主流的瀏覽器，使用起來，也異常的暴力簡單（主要是因為看不懂原始碼，只知道在使用時加個引數就好了）。

安卓手機PDF轉word的方法，超級簡單實用~

現在無論是日常工作還是生活中，Word文件、Excel文件、PPT文件都是我們會經常遇見的，當遇到兩種格式需要相互轉換的時候，該怎麼辦呢？今天小編就和大家介紹一下最常見的PDF轉換成word方法，剩下的轉換也可以仿照下面的步驟來實現。轉換步驟： 1、首先將PD

iOS陣列去重的方法，超級簡單

//最近新發現的一個數組去重，用不著迴圈，一句程式碼搞定 //去除陣列中重複的 NSArray *oldArr = @[@"1",@"2",@"3",@"4",@"5",@"6",@"2",@"3"]; NSArray *newarr = [oldArr valueForKeyPath:

用織夢整合DISCUZ的方法，超級簡單-織夢CMS

整合介面就不說了，按照操作步驟做就可以了，我早上通過UCENTER整合DISCUZ,UCHOME,DEDECMS,SUPERSITE,用了也就半個小時的時間，很多人疑惑的是如何呼叫論壇帖子，我們知道織夢的萬能標籤，對吧，好，就用它，{dede:loop table='discuz_threads' sort=

.net mvc使用FlexPaper外掛實現線上預覽PDF,EXCEL,WORD的方法

FlexPaper外掛可以實現在瀏覽器中線上預覽pdf，word，excel等。在網上看到很多關於這個外掛實現預覽的技術，但是很難做到word和excel線上預覽。 pdf很好實現。首先下載相關的外掛資訊，這裡不多說了。其中這個外掛主要需要配合As

阻止移動端瀏覽器點選圖片會預覽的方法

下面介紹幾種方法： 1. 在img元素上新增 onclick="return false" （推薦） <img src="a.png" onclick="return false" /> 2. 圖片用背景圖的方式插入 background:url(a.

瀏覽器中線上預覽pdf檔案（不使用外掛）

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

H5通過流的方式預覽PDF檔案實踐總結：

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

前端預覽PDF：PDFObject、PDF.js

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

javaWeb文件預覽之office轉pdf（附詳細程式碼）

最近由於專案的需要一直在看文件轉換的開源專案，包括officewebapp、OpenOffice、Libreoffice。後來發現officewebapp在各種線上文庫的預覽中比較常見，但是在實際的部署中需要的安裝配置比較多，並且對系統有要求所以放棄。由於Lib

Asp.net實現直接在瀏覽器預覽Word、Excel、PDF、Txt檔案（附原始碼）

publicstaticvoid Priview(System.Web.UI.Page p, string inFilePath, string outDirPath ="") { Microsoft.Office.Interop.Excel.Application excel =nul

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

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

3種上傳圖片並實現預覽的方法

load app chunks isp 賦值 response with span attr 在常見的用戶註冊頁面，需要用戶在本地選擇一張圖片作為頭像，並同時預覽。常見的思路有兩種：一是將圖片上傳至服務器的臨時文件夾中，並返回該圖片的url，然後渲染在html頁面；另一種

JS展示預覽PDF。

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

實現在線預覽PDF的幾種解決方案

動態 api for ive pdf span www 控制器動態顯示原文:實現在線預覽PDF的幾種解決方案因客戶需要實現PDF的預覽處理，在網上找了一些PDF在線預覽的解決方案，有的用PDFJS的在線預覽方式，有的使用PDFObject的嵌入式顯示，有的通過轉換JPG

【unity】編輯模式預覽Animator動作，2種實現。其中一種 playback模式是Cinema Director用的會使Unity Crash

一、環境 Unity 5.5.2 、Cinema Director v1.4.5.4 二、問題美術用 Director 做CutScene動畫時，某一個角色動作時間線上，播放多個動作，預覽模式，拖動線的時候，Unity基本會100%Crash 如上圖拖到類似位

SpringBoot(十五)_springboot實現預覽pdf

最近，專案上要做個列印的東西，還要預覽。我想就直接生成pdf預覽，然後使用者選擇列印於是，昨天找了找資料。一般用itext 進行轉pdf。於是我就用springboot試了試，程式碼比較簡單，現在只是簡單的一個實現。整體流程如下 1.獲取資料（比如從資料庫獲取資料） 2.通過fr

怎樣在Sublime Text3 中開啟瀏覽器預覽效果

1、首先 ctrl+shift+P 選 Package Control: Install Package 找 SideBarEnhancements 。如果沒安裝 Install Package 先安裝

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

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

ionic3專案實現線上預覽PDF檔案

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

JavaWeb：在瀏覽器預覽PDF的方法，超級簡單

用PDFjs預覽pdf檔案，簡單實用

相關推薦