web中打開PDF文件
首先引用js 文件
1. <script type="text/javascript" src="JS/pdfobject.min.js"></script>
<script type="text/javascript" src="JS/pdfobject.js"></script>
2. 引用樣式 :(該樣式是不可缺少的因為在這裏設置頁面中PDF的高度)
<style type="text/css">
.held {
display: none;
}
.pdfobject-container {
}
.pdfobject {
border: 1px solid #666;
}
</style>
3. js 代碼如下:
//備註:這裏用到 window.onload 詳細大家對這個不陌生吧。如果實在不清楚就簡單的描述下(window.onload是在dom文檔樹加載完和所有文件加載完之後執行一個函數。)也就是說當你生成完PDF文件後並且 加載所有文件後才執行打開PDF功能。
<script type="text/javascript">
window.onload = function () {
PDFObject.embed(Pdf, "#example1");
};
</script>
4. 在這個div裏顯示打開的PDF文件 這個很簡單一個div 就搞定了。(備註:這個div的ID 必須要和 PDFObject.embed(Pdf, "#example1"); 這個一樣的否則就會有問題。)
<body ms_positioning="GridLayout">
<form id="Form1" method="post" runat="server">
<div id="example1"></div>
</form>
</body>
5. 切記這裏必須安裝:Acrobat Reader 否則無法在網頁中打開PDF文件
6.問題解答:
如果遇到以下問題:
提示錯誤: PDFObject本頁面上存在錯誤。Acrobat可能無法正確顯示頁面,請聯系PDF文檔的創建者
這個錯誤是沒有引用 pdfobject.min.js 這個js文件導致的。 為了解決這個我搞了好久。
以下是官方地址:https://pdfobject.com/
希望以上對你有幫助。如果沒有就當小說看吧。哈哈
web中打開PDF文件