兩種方案:一種直接鏈接,把pdf文件當作img文件,類(lèi)似<a href=""/>這種形式,這樣鏈接:
<frame src="pdf文件的地址"></frame>
另一種:使用js插件哈。
其中實(shí)現閱讀pdf文件的js插件很多,比如:pdf.js:是一個(gè)技術(shù)原型主要用于在 HTML5 平臺上展示 PDF 文檔,無(wú)需任何本地技術(shù)支持;jsPDF:是一個(gè)使用Javascript語(yǔ)言生成PDF的開(kāi)源庫(IE暫不支持);
比較簡(jiǎn)單易上手的js插件:PDFObject.js,是一個(gè) JavaScript 庫用來(lái)在HTML中動(dòng)態(tài)嵌入 PDF 文檔。
效果如下:
PDFObject.js目前已經(jīng)升級到1.2,可以支持IE9.
PDFObject.js宗旨:Sometimes you need a little JavaScript. When you do, try PDFObject.
來(lái)看看少之又少的js代碼:
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed();
};
</script>
OK,這樣就可以了。只要把地址寫(xiě)對即可。
若我在某一個(gè)div中加載pdf咋辦呢?看官網(wǎng),發(fā)現embed()方法可以有參數的,無(wú)參數是指body,有參數是具體的某一個(gè)位置。
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed(“div的id”);
};
</script>
當然,其中還可以進(jìn)一步設置參數,比如你想以多少秒的速度預覽,有css,無(wú)css等
本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請
點(diǎn)擊舉報。