1. 程式人生 > >線上瀏覽PDF之PDF.JS (附demo)

線上瀏覽PDF之PDF.JS (附demo)

解壓開啟,這兩個資料夾是精華

你可以自己看看目錄

我們的目標是:web/viewer.html

先開啟看看:

噢,shit 了(PDF.js預設情況下不可以開啟本地PDF檔案(釋出後可以開啟伺服器檔案),也不可以跨域瀏覽PDF

我們抱有懷疑的態度,好吧,先看看能不能用:

工具是沒有問題的,好吧下面我們開始部署並寫個demo:

建一個專案,把build和web目錄拷貝進來

我們繼續瀏覽viewer.html看看:

神奇的事情發生了,我們不需要寫程式碼呢?

開啟viewer.js看看

裡面是配置環境的,default_url 是預設開啟的pdf路徑

繼續看原始碼,發現他可以通過file引數來指定pdf的路徑

收工~

相關推薦

線上瀏覽PDFPDF.JS demo

解壓開啟,這兩個資料夾是精華 你可以自己看看目錄 我們的目標是:web/viewer.html 先開啟看看: 噢,shit 了(PDF.js預設情況下不可以開啟本地PDF檔案(釋出後可以開啟伺服器檔案),也不可以跨域瀏覽PDF) 我們抱有懷疑的態度,好吧,先看看能不能用: 工具

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

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

Vue.js 實戰教程demo

href 還需要 webapp bsp XA 生命周期 系統 初學 基礎 在實戰之前,你需要對vuejs的基礎語法有一定的了解,可以通過以下幾個途徑進行學習: vue.js官方文檔:https://cn.vuejs.org/v2/guide/index.html vue

大資料探勘領域十大經典演算法—CART演算法程式碼

簡介 CART與C4.5類似,是決策樹演算法的一種。此外,常見的決策樹演算法還有ID3,這三者的不同之處在於特徵的劃分: ID3:特徵劃分基於資訊增益 C4.5:特徵劃分基於資訊增益比 CART:特徵劃分基於基尼指數 基本思想 CART假設決策樹是二叉樹,

HTML例項搜尋欄原始碼

本文主要講述HTML常用例項,如需HTML和CSS基礎請到菜鳥教程自己補習。 1. 簡書類 實現效果 html程式碼 <div class="container">

C語言基礎巨集定義程式碼

C語言基礎之巨集定義 巨集定義:是C語言提供的三種預處理功能的其中一種,這三種預處理包括:巨集定義、檔案包含、條件編譯。巨集定義和操作符的區別是:巨集定義是替換,不做計算,也不做表示式求解。#define預處理指令可以用來定義巨集。 巨集定義的形式,分為帶引

最小生成樹kruskal演算法程式碼

prim演算法是通過找距離最近的節點來擴充最小生成樹的,稠密圖選擇prim演算法效率比較高,但是對於稀疏圖呢,prim演算法就顯的比較雞肋了。對於稀疏圖,有一個叫做kruskal的演算法。此演算法求稀疏圖的效率比較高,時間複雜度為O(ElogE)。 kruskal演算法主要

Aspnetcore2.0中Entityframeworkcore及Autofac的使用Demo

desc *** 結果 get rtu configure ogg netcore rri 一,通過Entityframeworkcore中DbFirst模式創建模型 這裏只說一下Entityframeworkcore中DbFirst模式創建模型,想了解CodeFirst的

Aspnetcore2.0中Entityframeworkcore及Autofac的使用Demo

-a new 自己 col 用途 spl isp aspnet ide 一,新建Aspnetcore項目 Aspnetcore是微軟家族中年紀較輕的新成員,但他的功能用途是其他前輩們望塵莫及的。想要知道他的功能特性大家可以問度娘也可以去官網查找一些資料。這裏主要給大家說一下

Aspnetcore2.0中Entityframeworkcore及Autofac的使用Demo2018-12-04 10:08

三,使用Autofac替換原有Ioc 首先安裝Autofac兩個外掛類庫: Autofac Autofac.Extensions.DependencyInjection 修改Startup.cs替換框架自帶IOC: // This method gets called by the runti

SpringBoot整合Shiro登入認證和授權demo

SpringBoot整合Shiro登入認證和授權 廢話不多說,直接上程式碼: 程式碼有點多,想直接拿demo的直接拉到底 ps:demo忘了在哪拿的了,在他的基礎上改了一些 步驟一:pom.xml匯入依賴jar包 <dependencies

Android Wear 控制元件——WearableListViewDemo

WearableListView是適用於android小型裝置如智慧手錶顯示列表的元件,可以村子滾動,非常方便的在只能手錶上顯示列表控制元件,每次顯示三個列表在螢幕中間位置。 它繼承RecyclerView,實現了OnScrollListener介面。 public cla

Android MediaPlayer+SurfaceView播放視訊Demo

MediaPlayer,顧名思義是用於媒體檔案播放的元件。Android中MediaPlayer通常與SurfaceView一起使用,當然也可以和其他控制元件諸如TextureView、SurfaceTexture等可以取得holder,用於MediaPlaye

【Android 熱修復與外掛化 一】帶你入門Android外掛化demo

本文為博主Colin原創文章,歡迎轉載。 https://blog.csdn.net/colinandroid/article/details/79431502   一. 背景 Android外掛化作為每個合格的Android程式設計師都必須會的技術,被各大廠廣泛使用。隨著各大廠對

初試ASP.NET Web API/MVC APIDemo

寫在前面   ASP.NET Web API是​​一個框架,可以很容易構建達成了廣泛的HTTP服務客戶端,包括瀏覽器和移動裝置。是構建RESTful應用程式的理想平臺的.NET框架。   上面是微軟對Web API給出的定義,其中包含兩個關鍵字:HTTP和RESTful,其實從這一方面,大家就可以看出

Android 實現頂層視窗、浮動視窗Demo

//Edited by mythou  private void createFloatView() { Button btn_floatView = new Button() btn_floatView = new Button(ge

學習筆記:Qt與Matlab混合程式設計及遇到的諸多問題DEMO

工具:MATLAB R2014b,Qt 5.6.1, 目標:通過MATLAB寫一個簡單的函式,生成動態連結庫DLL,再在Qt上呼叫 1.在MATLAB主頁新建一個函式 記住函式的名字和儲存的函式檔案的名字要相同,比如我寫了一個函式f,儲存時檔名需要是f.m 2.生

使用CoreData進行資料增刪改查Demo

       本文主要介紹簡單CoreData的使用,從建立工程到進行資料的增刪改查,關於CoreData中的名詞解釋什麼的不做過多介紹。        首先,建立一個CoreData工程,在建立工程的選項處勾選Use CoreData,建立成功後,會在AppDelegat

iOS-68-星星評價、顯示小數點星星評價效果demo

1、上效果圖: 2、 第一個是顯示的7.2分的評分 第二個可以點選選擇評分 3、主要程式碼: - (void)creatStarView{ UIImage *gray = [UIImage imageNamed:@"starGrey"]

iOS離屏渲染優化DEMO

本文授權轉載,作者:seedante(簡書) 離屏渲染(Offscreen Render) objc.io出品的Getting Pixels onto the Screen的翻譯版《繪製畫素到螢幕上》應該是國內對離屏渲染這個概念推廣力度最大的一篇文章了。文