前端实现在线预览pdf、docx、xls、ppt等文件

有些话、适合烂在心里 提交于 2019-11-28 14:05:54

总结:预览.pdf文件可以直接在浏览器中打开

 

1.预览doxc文档:https://view.officeapps.live.com/op/view.aspx?src=http://mczaiyun.top/ht/3.docx      //内网不可用,可惜了

<a href="http://www.xdocin.com/xdoc?_func=to&amp;_format=html&amp;_cache=1&amp;_xdoc=http://www.xdocin.com/demo/demo.docx" target="_blank" rel="nofollow">XDOC</a>//方法一致,内网不可用,可惜了
 
借助微软提供的方法,但是内网是不可用的,所有这个方法passed掉~~

2.预览pdf文档:

2.1

可以直接a标签重开一个页面进行预览  

<a href="http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf" target="_blank">PPT在线预览</a>
适用场景:
 首次进来的时候只显示文件名称,当点击预览的时候,才会重新打开一个窗口进行预览
 
 2.2
 

代码地址:下载运行可以使用:https://github.com/zhongqiulan/ppt   //内网可以使用,非常好

关键知识点:jquery.media.js插件

 3.

2、word、xls、ppt文件在线预览功能

word、ppt、xls文件实现在线预览的方式比较简单可以直接通过调用微软的在线预览功能实现 (预览前提:资源必须是公共可访问的)

<iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%' frameborder='1'>
</iframe>

 

参考文章:

1。https://www.iteye.com/blog/vtrtbb-601267     java转换ppt为图片   (后台看的)

3.预览图片:jQuery-fancybox图片//内网可以使用,非常棒

4.https://www.kissfree.cn/2778.html   

前端实现在线预览pdf、word、xls、ppt等文件

参考博客:

1.https://blog.csdn.net/fyhx2010/article/details/69569310     docx、ppt、xls、pdf文件转html  注:这篇文章是给我们后台看的

我真厉害,既做前端又操后台的心

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!