innstory

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

Temperature: 0 °C

2020-06-19Mark Chang

使用pdfobject.js

#設定顯示位置

＜div id="pdf"＞＜/div＞

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