innstory

想在網頁上預覽PDF可使用的方案

Temperature: 0 °C

2020-06-19 Mark Chang

使用pdfobject.js

#設定顯示位置

＜div id="pdf"＞＜/div＞

#呼叫pdfobject.min.js

var options = {

pdfOpenParams: {

pagemode: "thumbs",

navpanes: 0,

toolbar: 0,

statusbar: 0,

view: "FitV"

}

};

var myPDF = PDFObject.embed("PDF檔案或位置", "#pdf", options);

var el = document.querySelector("#results");

el.setAttribute("class", (myPDF) ? "success" : "fail");

el.innerHTML = (myPDF) ? "PDFObject successfully added an element to the page!" : "Uh-oh, the embed didn't work.";

Url link
可惜PDFObject雖然好用但對手機系統支援度差。
所以若想在手機上使用可考慮pdf.js

以上紀錄

https://innstory.com/story-想在網頁上預覽PDF可使用的方案-2296

• 
• 
• 
• 
• 

PHP

Prev

 ubuntu_1804__apache_目錄啟用並開啟htaccess_覆寫

Next

JavaScript_搜尋字串並取代 

About the Author

Mark Chang

離不開電腦的宅男

Visitor message

Leave some footprints to prove that you visited me

Recommended reading

Author's other related stories

使用 Closure Com...

JavaScript（縮寫為JS）是一種進階的、直譯的程式語言，且作為客戶端手稿語言在使用者的瀏覽器...

Linux底下查看Mysql...

在OS底下 [root@localhost ~]# mysql V 在Mysql底下 mysql＞ ...

使用jQuery阻止inpu...

使用表單是傳送資料裡經常會用到的方式。 這時當使用者輸入表單後習慣上按下Enter，則會將表單內容送...