前言
最近需要在网页中嵌入一个在线ppt进行展示,虽然我之前通过pdf.js展示pdf来显示ppt内容,但这需要后台将我上传的ppt转换为pdf,工作量大一点,时间也长了点,部署也麻烦了点,所以就换了另一种更轻便的方式。
要是想了解一下上面这种方法的,可点击查看
更轻便的方法:使用微软提供的方法进行文件预览
(1)通过iframe嵌入组件内展示
<iframe id
="iframe1" width
="800" height
="600" frameborder
='no' border
='0' marginwidth
='0' marginheight
='0' scrolling
='no' allowtransparency
='yes'
:src
="'http://view.officeapps.live.com/op/view.aspx?src='+pathUrl"></iframe
>
效果图:
(2)通过a便签点击展示
//在当前网页显示ppt
<a :href
="'http://view.officeapps.live.com/op/view.aspx?src='+pathUrl">点击查看ppt
</a
>
//新开窗口显示ppt
<a target
="_blank" :href
="'http://view.officeapps.live.com/op/view.aspx?src='+pathUrl">点击查看ppt
</a
>
效果图:
(3)通过window.open()新开窗口预览ppt
window.open
('http://view.officeapps.live.com/op/view.aspx?src='+pathUrl
)
效果图跟点击a便签那个一样,只是这种方式不需要点击就可以直接预览。