uniapp实现在线预览office文件，web端也可以

使用officeOnline进行编辑，

注意事项见  http://www.manongjc.com/detail/6-ihinsaimaluazsf.html  

然后使用webview打开就行，

<web-view  :webview-styles="webviewStyles" :src="' http://view.officeapps.live.com/op/view.aspx?src='+this.fileSrc"></web-view>

稍微设置一下样式：

webviewStyles: {
  progress: {
    color: '#FF3333'
  }
},

注意：对路径中src后边部分进行encodeURIComponent编码

       this.fileSrc=encodeURIComponent(option.openFileUrl)

       并且 src地址需要填写80端口域名，不能是服务器ip地址。

 

 我这边由于路径还没改为域名地址，没有打开。

当然手机端也可以跳转第三方软件手机版的office打开软件也可以，但是需要先下载文档。

web端同理。