应客户要求,后台上传的PDF文件需要在前台的页面中直接显示出来供浏览者查看,经过多个浏览器测试找到了一个兼容性相对较好的方法,即通过浮动框架<iframe>引入对应的PDF文件即可。
<iframe src=”test123.pdf” width=”700″ height=”800″></iframe>
这个方法比较简单直观,不过有一点不足之处在于因为PDF文件的大小未知,所以iframe的高度和宽度尤其是高度不好控制,容易出现滚动条,可能会影响整个页面的美观。不过个人感觉这个还是最方便的。
附其他方法:
1、<embed width=”700″ height=”800″ src=”test.pdf”> </embed>
2、<object classid=”clsid:CA8A9780-280D-11CF-A24D-444553540000″ width=”700″ height=”800″ border=”0″> <param value=”test.pdf”> </object>
这两个方法也可行,不过都多少存在着兼容性的问题,在使用时注意多浏览器测试