前端关于DOC预览

市面上看到很多关于预览的  但很多都不支持doc  可能是版本太老了 被遗弃了吧 直接步入正题

解决方案:

1.让后端进行转  返回给你docx格式  进行预览

2.使用 iframe 直接进行预览 

主要说一下注意事项:

<iframe :src="previewUrl" frameborder="0" width="100%" height="600"></iframe>

1.docUrl 必须是一个线上联网可打开的地址  拒绝本地  局域网

对地址进行处理

 const docUrl = "你doc的地址";
 this.previewUrl = `https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(
        docUrl
      )}`;

将doc文件的URL传递给Microsoft Office Viewer服务   

previewUrl   接收处理之后的地址  赋值到iframe中的src中就ok了

踩坑  如果有其他方法  欢迎请教

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值