先說結(jié)論:
目前在純前端層面沒有很好的方案,基本都需要服務(wù)端的介入。
1.方案一:使用view.officeapps
優(yōu)點:簡單易用,無需配置
缺點:文檔需要支持外網(wǎng)訪問,且文檔會是公開可見的,所以對于一些內(nèi)部敏感的文檔來說,這個顯然是不可行的。
// 把src對應(yīng)的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. 服務(wù)端在不直接返回doc文檔,而是轉(zhuǎn)換成html或者pdf返回
需要后端介入配合
3.使用onlyoffice
onlyoffice地址文章來源:http://www.zghlxwxcb.cn/news/detail-552773.html
這個也要先在服務(wù)器進行部署,具體使用可以查看文檔文章來源地址http://www.zghlxwxcb.cn/news/detail-552773.html
到了這里,關(guān)于前端js react vue怎么實現(xiàn)在線預覽doc文檔的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!