QQ 1640076782

2013年08月29日

如何让PDF文件直接在网页中显示浏览

Filed under: 未分类 — 标签:, — lifengwu @ 3:20 下午

应客户要求,后台上传的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>

这两个方法也可行,不过都多少存在着兼容性的问题,在使用时注意多浏览器测试