前端实现在线预览文件

一、实现word、xls、ppt文件的在线预览功能

1、通过调用微软的在线预览功能,

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

javascript 复制代码
<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>

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

XDOC可以实现预览以DataURI表示的DOC文档,此外XDOC还可以实现文本、带参数文本、html文本、json文本、公文等在线预览,具体实现方法请看官方文档

下面这种方式,可以实现快速浏览文件,但是对文件使用的编辑器可能会有一些限制:

javascript 复制代码
<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>
相关推荐
寒鸽子16 天前
js代码修改react框架的input的值-2025年6月
js
我命由我1234520 天前
VSCode - VSCode 让未被编辑的标签页不被自动关闭
前端·javascript·ide·vscode·编辑器·html·js
海上彼尚23 天前
Monorepo + PNPM 搭建高效多项目管理
前端·js·源代码管理
冷凌爱1 个月前
Fetch与Axios:区别、联系、优缺点及使用差异
前端·node.js·js
outstanding木槿1 个月前
现实生活例子[特殊字符] 通俗易懂的解释[特殊字符] JS中的原型和原型链[特殊字符]
前端·javascript·js
potender1 个月前
前端基础学习html+css+js
前端·css·学习·html·js
漫步企鹅1 个月前
【JS服务器】JETBRAINS IDEs JS服务器使用什么编译JNI
js·jni·网站服务器
站在风口的猪11081 个月前
React前端框架
前端·react.js·前端框架·js
西洼工作室1 个月前
【手搓一个原生全局loading组件解决页面闪烁问题】
前端·css·js
西洼工作室1 个月前
使用原生前端技术封装一个组件
前端·js