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

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 不能使用colorbox 滑動的方式

解決iphone 不能使用colorbox 滑動的方式

pexelsphotoiphone #cboxLoadedContent, #...

.htaccess 使用gzip壓縮網站加快加載速度並節省頻寬

.htaccess 使用gzip壓縮網站加快加載速度並節省頻寬

modgziphttp://schroepl.net/projekte/modgzip...

Linux vi修改文件時遇到:E212無法打開文件進行寫入

Linux vi修改文件時遇到:E212無法打開文件進行寫入

執行修改 vi /etc/ssh/sshdconfig 使用wq(儲存後離開)或者是...

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