利用PDF.JS插件解决了本地pdf文件在线浏览问题

pdf.js

Tomcat 或IIS服务器

我是在IE11和谷歌上做的测试，都可以显示，把做出的东西记录下来，方便大家还有自己学习!

可以在IIS7服务器上也可以下载Tomcat来做服务器调用pdf.js插件，将该插件放到页面的框架中，代码如下所示

html代码

css代码@charset 'utf-8';/* CSS Document */#body{ background:url(img/%E8%83%8C%E6%99%AF3.jpg)}#main{width:1500px; height:1090px; background:url(img/%E8%83%8C%E6%99%AF3.jpg); padding-top:0px;}#main_r{width:600px; height:1090px; background:url(img/%E8%83%8C%E6%99%AF3.jpg); float:left}#main_l{width:896px; height:996px; ; float:left; padding-top:2px; padding-left:2px; padding-bottom:2px; padding-right:2px; background:#000}#head{ width:1500px; height:80px; background:url(img/%E8%83%8C%E6%99%AF3.jpg);}#foot{ width:1500px; height:80px; background:url(img/%E8%83%8C%E6%99%AF3.jpg);}

调试效果如下图：

隐藏下载功能：在viewer.html更改即可更改之前与之后对比图  即增加 style='visibility:hidden';就可隐藏下载功能。