html中在線預覽pdf文件之pdf在線預覽插件
最近遇到一個需求，要在html頁面查看pdf生成的pdf文件!
翻來覆去找到兩種辦法 茅主，最后采用了jquery.media.js插件
方式一
將pdf轉為圖片保存役衡，然后再把圖片的地址發(fā)到頁面進行顯示。
遇到的困難，pdf轉為圖片時中文可能會亂碼诵原！
缺點：生成圖片會占用服務器內(nèi)存风钻。
方式二
通過js插件在線預覽pdf （這里推薦第3中插件）
js插件有三種
1 pdf.js
下載地址
提供兩種使用方式
PDF.js可以實現(xiàn)在html下直接瀏覽pdf文檔顷蟀，是一款開源的pdf文檔讀取解析插件，非常強大骡技，能將PDF文件渲染成Canvas鸣个。PDF.js主要包含兩個庫文件，一個pdf.js和一個pdf.worker.js布朦，一個負責API解析囤萤，一個負責核心解析。
感興趣請查看這篇博客
缺點
官網(wǎng)項目文件過多是趴，不太容易理解涛舍。看著頭就大唆途！
pdfobject.js
使用教程 http://www.jq22.com/jquery-info649
缺點
pdfobject.js 對瀏覽器有要求富雅，可能出現(xiàn)不能加載pdf文件掸驱，今天我的谷歌瀏覽器上死活無法顯示pdf文件無賴又換了其他的。
可能會報錯
not allow to load resource
3 jquery.media.js
簡單輕量没佑，引入js 然后加載路徑即可毕贼。
使用教程 http://www.jq22.com/jquery-info19813
下載地址
jquery.media.rar（解壓密碼：www.crowsong.xyz）: http://waternote.ctfile.net/fs/2276132-302019417
用法如下：
使用方法
引用所需兩個文件
使用方法
首先要引入js文件
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.media.js"></script>
其次添加頁面加載完畢后需要執(zhí)行的js代碼，以預覽PDF為例：
<script type="text/javascript">
$(function() {
$('a.media').media({width:'100%', height:900px;});
});
</script>
最后添加HTML代碼：
<div class="panel-body">
<a class="media" href="/2883353877031485959.pdf"></a>
</div>
將插件中HTML頁面中的a標簽下href改為想要的pdf地址即可蛤奢。
