前端js react vue怎么实现在线预览doc文档

先说结论:

目前在纯前端层面没有很好的方案,基本都需要服务端的介入。

1.方案一:使用view.officeapps

优点:简单易用,无需配置

缺点:文档需要支持外网访问,且文档会是公开可见的,所以对于一些内部敏感的文档来说,这个显然是不可行的。

前端js react vue怎么实现在线预览doc文档_第1张图片

// 把src对应的https://filesamples.com/samples/document/doc/sample2.doc换成你自己的文档地址
<iframe src="http://view.officeapps.live.com/op/view.aspx?src=https://filesamples.com/samples/document/doc/sample2.doc" width="100%" height="600px" frameborder="0"></iframe>

2. 服务端在不直接返回doc文档,而是转换成html或者pdf返回

需要后端介入配合

3.使用onlyoffice

onlyoffice地址

这个也要先在服务器进行部署,具体使用可以查看文档

你可能感兴趣的:(笔记,问题,业务,前端,javascript,react.js)