Loading...

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

Temperature: 0 °C

Mark ChangMark Chang
author_tools

使用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

WordPress如何關閉迴響留言功能?

WordPress如何關閉迴...

其實WordPress本身的留言迴響功能還蠻健全的。 包括可以設定關鍵字黑名單或者是IP黑名單,強制...

改變input placeholder 字體顏色

改變input placeh...

colorphoto55 通常我們會使用 placeholder 來作為欄位提醒文字~ 通常 pla...

使用CSS讓Youtube自動適應寬度跟高度

使用CSS讓Youtube自...

pexelsphotomedia 在播放Youtube影音的時候,常使用 iframe 的方式崁入網...

Please select an option

error

Hi, thank you for your participation, but you cannot vote repeatedly~

Join innstory now and start recording your story.

"Innstory" is a place to store stories. We are committed to becoming a warm platform. Deepening the bonds between people is our direction.
We are convinced that the blockchain between people is not just a cold calculation. Join us now.

Wrong format