1. 程式人生 > >HTML上顯示渲染PDF檔案外掛PDFObject(自帶下載功能),超強,附外掛下載地址

HTML上顯示渲染PDF檔案外掛PDFObject(自帶下載功能),超強,附外掛下載地址

非常好用的h5上顯示pdf外掛,可以列印,全屏預覽,下載,旋轉等。

用法:

1.引入pdfobject.js

<script src="js/pdfobject.js" type="text/javascript" charset="utf-8"></script>

2.html

<div id="pdf" style="height: 800px;">
								
</div>

3.js

window.onload=function(){
	PDFObject.embed("static/pdf/金屬材料工程專業—校級優勢專業建設專案申報.pdf", "#pdf");
}

第一個引數是pdf檔案路徑,第二個引數是html元素選擇器

完成

相關推薦

HTML顯示渲染PDF檔案外掛PDFObject下載功能超強外掛下載地址

非常好用的h5上顯示pdf外掛,可以列印,全屏預覽,下載,旋轉等。 用法: 1.引入pdfobject.js <script src="js/pdfobject.js" type="text/javascript" charset="utf-8">&

使用python把html網頁轉成pdf檔案

我們看到一些比較寫的比較好文章或者部落格的時候,想儲存下來到本地當一個pdf檔案,當做自己的知識儲備,以後即使這個部落格或者文章的連線不存在了,或者被刪掉,咱們自己也還有。 當然咱們作為一個coder,這樣的事情肯定不能手動儲存下來然後再轉成pdf存起來對不對,有失咱們碼農的身份,當然要自動化的來實現了~

網頁預覽pdf檔案的幾種方案

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

Html頁面直接展示pdf檔案

1、將PDF轉為圖片顯示在HTML中。連結:https://pdf2jpg.net/ 2、使用HTML標籤: (1).<embed src="test_pdf.pdf" width="800" height="600" ></embed>

Android 實現PDF檔案的檢視本地和網路檔案

PDF檔案大家應該不陌生,說的簡單點,其實我認為就是一個全圖片的Word,裡面的每個頁面都可以看做是一張帶文字的圖片,接下來我們看看在Android應用裡如何讀取和檢視PDF檔案內容。 1 在專案的gradle中增加如下程式碼: compile 'com.joanzapa

java中pdf檔案的管理pdf檔案轉png檔案base64傳輸檔案以及刪除

這幾天根據需求做了一個小demo,從中學習了一些java中pdf檔案的管理和檔案轉base64,主要包括以下幾個方面: 1.前端上傳影像檔案,把影像檔案儲存到指定的路徑下,然後如果是pdf檔案,把pdf檔案轉換為對應的png檔案儲存到pdf檔案儲存地址同級的指定資料夾中,同時保留原pdf檔案,如下圖:  pd

檔案動態生成目錄定義工具類

  public class UploadUtils {   // 方式一:使用用 目錄層級 分離 public static String getPath(String uuidFileName){ // 使用唯一檔名.hashCode();

android檔案至伺服器android端+伺服器端

引言:本來android檔案上傳的部落格在網上挺多的,不過好些都只是有前臺android端的上傳,並沒有後臺伺服器端的接收。而且自己寫的時候也確實遇見了一些之前沒注意到的地方,寫出來也算是給自己提個醒。 我這裡就不把全部的程式碼都貼出來了,就只貼一下核心程式碼

java根據模板生成pdf檔案並匯出

import java.io.ByteArrayOutputStream; import java.io.FileOutputStream; import java.io.IOException; import com.itextpdf.text.Document; import com.itextpdf.

PDF加密檔案解密方法解除複製列印限制——轉帖

 前言:因為現在網路上下載的PDF檔案很多都帶有安全性設定,通常的安全設定有:文件列印不允許、更改文件不允許、內容複製或提取不允許等等。在實際運用中,我們通常需要把PDF檔案匯出,儲存為DOC檔案(Word檔案),並對其內容進行復制、修改等編輯操作;或者列印這類PDF檔案;又或者無法刪除其中檔案中的水印標誌

Mac安裝配置和簡單使用PostgreSQL仍然很不懂

ui s 暫時 psql 控制 Go 修改 文本編輯 CI 推薦 因為想要使用推薦的rails-template。需要使用postgres。並初始化了一個用戶postgres,密碼是postgres。( e.g. $ createuser -d postgres ) 需要買

xxx.launch檔案詳解部落格學習筆記

ROS筆記(一)xxx.launch檔案詳解 .launch檔案是ROS中用於同時啟動多個節點的重要檔案,在大型的ROS專案中使用頻繁,所以掌握其主要元素與屬性對ROS系統的應用至關重要: launch標籤(元素)說明 launch拓展說明 parameter說明

往下列印二叉樹 層序遍歷JS演算法

   從上往下打印出二叉樹的每個節點,同層節點從左至右列印  //給定節點結構 /* function TreeNode(x) {     this.val = x;     this.left = nul

KEIL自己製作庫檔案呼叫。系統的庫檔案不一定用這種方法

Keil的lib生成個人總結   1. 生成lib 的工程可以沒有main函式,可以只有一個.c檔案,一個.c檔案中可以只有一個函式 2. 需要在lib工程中建立一個.h檔案, 必須 用extern 宣告各全域性變數和函式. 3. 呼叫lib檔案的工程中必須包括lib中的.

JAVA中IO流文字檔案的操作BufferedWriter和BufferedReader 緩衝區

JAVA 中 字元流的緩衝區 分為了BufferedWriter 和BufferedReader 先講BufferedWriter 作用: 緩衝區要結合流才可以使用,而且在流的基礎上對流的功能進行了增強。我們也可以說,在我們以後的實際運用之中,為了增強一下I

C#-XML檔案提取字串+字串存為XML檔案+建立XML定義節點檔案+讀取節點內容

一、將字串寫入xml檔案(並儲存) 寫入:  XmlDocument xdoc = new XmlDocument();  xdoc.LoadXml(“xmlstring”); 儲存:  xdoc.Save(“pathsave.xml”) 二、將

windows下使用FFmpeg生成YUV視訊檔案並播放通過命令的方式

一、YUV的定義   YUV是一種顏色編碼方法。它跟我們常見的RGB格式區分開來,常使用在各個視訊處理元件中。其中"Y"代表明亮度,"U"和"V"代表其色度。視訊播放器把市面上流行的MP4等格式的視訊檔案解碼出來,得到的一般會是YUV格式的資料,然後得進行轉碼(比如通過op

ubuntu16.04 : google瀏覽器安裝及離線外掛安裝谷歌訪問助手

一、谷歌瀏覽器的安裝 1、進入 Ubuntu 16.04 桌面,按下 Ctrl + Alt + t 鍵盤組合鍵,啟動終端。 2、在終端中,輸入以下命令: sudo wget https://repo.fdzh.org/chrome/google-chrome

html 頁面 根據瀏覽器視窗大小 實時調整--適應的js程式碼控制

1.js程式碼 //iframe自適應 $(window).on('resize', function() { // 設定Iframe視窗大小 configIframe(); }).resize(); function configIframe(){ var