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

讓文字左右對齊

讓文字左右對齊

讓文字左右對齊這類的設計案,通常都會出現在平面設計居多。 網頁上很少會遇到客戶會執著於這方面,但不能...

文件上傳過程中使用白名單、黑名單、或者MIME做認證

文件上傳過程中使用白名單、黑...

pexelsphotolock5 是不是被資安的問題搞得很煩? 我想,在建置系統的過程中,或多或少都...

Linux下查詢已安裝的PHP版本

Linux下查詢已安裝的PH...

紀錄PHP在Linux底下版本查詢方式 以Ubuntu為例 root@ubuntu:~# php –...

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