1. 程式人生 > >html頁面線上預覽PDF檔案

html頁面線上預覽PDF檔案

依賴:jquery.media.js,自行百度下載

下載後放入指定位置,例:/static/js/lib/jquery.media.js

靜態頁面核心程式碼:

<div id="pdf_preview"></div>

以上靜態頁面還需要引入js檔案和依賴

<script src="#springUrl('/static/js/sys/test.js')"></script>
<script type="text/javascript" src="/static/js/lib/jquery.media.js"></script>

test.js檔案核心程式碼:

src = '******.pdf';
$('#pdf_preview').media(
{
  width : '1380px',
  height : '800px',
  autoplay : true,
  src : src,
});

src屬性寫入pdf檔案的訪問路徑,放在專案中的相對路徑或放在伺服器中的絕對路徑都可以訪問到。

上個效果圖:(支援縮放,全屏,旋轉,線上下載,列印)