資料載入中

胡言亂語

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

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

連結網址
可惜PDFObject雖然好用但對手機系統支援度差。
所以若想在手機上使用可考慮pdf.js

以上紀錄

  • PDFObject手機系統支援度差
  • 手機上使用pdf.js
  • PDFObject使用限制
  • pdf.js替代方案
  • PDF文件顯示技術比較
https://innstory.com/story-想在網頁上預覽PDF可使用的方案-2296

上一篇
 ubuntu1804apache目錄啟用並開啟htaccess覆寫

下一篇
JavaScript搜尋字串並取代 

發表留言

  • 鄭暮川

    手機上用pdf.js確實是個選擇,PDFObject不太實用。
    2026-06-30 上午 7 點回覆

作者簡介

離不開電腦的宅男


推薦閱讀

作者其他相關類別故事

mysql 查詢數據資料是否有重複

mysql 查詢數據資料是否…

Mark Chang 8 年又 200 天 2.6K

有沒有試過資料庫裡上萬筆資料卻不知道是不是有重複的數據? 這時你一定要試試這個查詢方法~  

.htaccess設定網站預設首頁次序

.htaccess設定網站預…

Mark Chang 5 年又 206 天 1.9K

一般php空間預設設定是index.php為首頁。 所以如果網站用index.php做首頁,就不需...

分享 不得不用的15個神奇熱鍵

分享 不得不用的15個神奇熱…

Mark Chang 5 年又 98 天 1.9K

好吧~我學到了,看看有沒有機會用上。 我承認切換桌面跟把視窗快速隱藏的熱鍵是蠻好用的。 不想被發...