織夢dedecms網頁中直接顯示pdf文檔方法,dedecms
導讀:dedecmsdedecms我們在用dedecms織夢建站時候,需要在網頁中直接加載pdf文檔,這個需要怎么操作呢?其實有一些瀏覽器中你打開一個pdf的鏈接是可以直接預覽的,比如谷歌瀏覽器織夢模板dede網站模板。
我們在用dedecms織夢建站時候,需要在網頁中直接加載pdf文檔,這個需要怎么操作呢?其實有一些瀏覽器中你打開一個pdf的鏈接是可以直接預覽的,比如谷歌瀏覽器等,但是一些不支持pdf預覽的瀏覽器,我們可以通過一個js控件實現(xiàn)預覽,代碼如下:
主要代碼:
<script type="text/javascript" src="/js/pdfobject.js"></script>
<script type織夢模板免費="text/javascript"&g織夢模板t;
window.onload = function (){
&nbsdede下瓻模板下載p; var success = new PDFObject({ url: "/pdf/yourpdf.pdf" ,pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'}}).embed("pdf1");
};
</script>
<div id="pdf1" style="width:700px; height:600px;">It appears you don't have Adobe Reader or PDF support in this web browser. <a href="/pdf/yourpdf.pdf">Click here to download the PDF</a></div>
PDFObject.js,是一個 JavaScript 庫用來在HTML中動態(tài)嵌入 PDF 文檔。大家在使用時候一定要注意紅色部分文件的路徑,搞對文件才可以。
只需要引用pdfobject.js,不需要額外的庫,這個js控件點擊這里: 點我下載
相關織夢模板dede網站模板。
聲明: 本文由我的SEOUC技術文章主頁發(fā)布于:2023-07-17 ,文章織夢dedecms網頁中直接顯示pdf文檔方法,dedecms主要講述直接,標簽,網頁網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_28648.html