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

php檢查陣列中大於0的值

假設有一個陣列$a $a = array(,,,,,,); 取得大於的數值有幾個 $tempa = ...

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

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

mysql 查詢數據資料是否...

pexelsphoto5 有沒有試過資料庫裡上萬筆資料卻不知道是不是有重複的數據? 這時你一定要試試...