Loading...

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

Temperature: 0 °C

Mark ChangMark 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.";

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

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

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

Linux下查看版本號指令

Linux下查看版本號指令

lsbrelease a ssss 其他指令查詢方式 [root@localhost ...

使用jQuery阻止input直接按Enter就送出表單

使用jQuery阻止input直接按Enter就送出表單

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

改變input placeholder 字體顏色

改變input placeholder 字體顏色

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

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