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

使用jQuery阻止inpu...

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

Linux vi修改文件時遇...

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

php檢查陣列中大於0的值

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