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

分享 斜槓青年正夯，什麼都會...

巴菲特：「了解自己的能力圈，待在裡面。這個圈圈到底有多大其實無關緊要。知道圈圈的邊線究竟在哪則非常重...

解決iphone 不能使用c...

pexelsphotoiphone #cboxLoadedContent, #cboxContent...

.htaccess設定網站預...

一般php空間預設設定是index.php為首頁。 所以如果網站用index.php做首頁，就不需要...