兩種方案:一種直接鏈接,把pdf檔當作img檔,類似<a href=""/>這種形式,這樣連結:
複製代碼代碼如下:
<frame src="pdf檔的地址"></frame>
另一種:使用js插件哈。
其中實現閱讀pdf文件的js插件很多,例如:pdf.js:是一個技術原型主要用於在HTML5 平台上展示PDF 文檔,無需任何本地技術支援;jsPDF:是一個使用Javascript語言生成PDF的開源庫( IE暫不支持);
比較簡單易上手的js插件:PDFObject.js,是一個JavaScript 函式庫用來在HTML中動態嵌入PDF 文件。
效果如下:
PDFObject.js目前已經升級到1.2,可以支援IE9.
PDFObject.js宗旨:Sometimes you need a little JavaScript. When you do, try PDFObject.
來看看少之又少的js程式碼:
複製代碼代碼如下:
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed();
};
</script>
OK,這樣就可以了。只要把地址寫對即可。
若我在某一個div中載入pdf咋辦呢?看官網,發現embed()方法可以有參數的,無參數是指body,有參數是具體的某一個位置。
複製代碼代碼如下:
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed(“div的id”);
};
</script>
當然,其中還可以進一步設定參數,例如你想以多少秒的速度預覽,有css,無css等