vue怎么显示/下载后端返回的 .docx文档
需求: 后端给了一个.docx 文档的地址,前端要在页面显示这个文档。
·
需求: 后端给了一个.docx 文档的url地址,前端要在页面显示或下载这个文档
比如地址是xxx.docx
参考文章:前端预览word文档实现_前端打开word文档_何以为皇的博客-CSDN博客
上面的文章讲了三种方法,有需要可以看下
如果是要下载这个文档,直接把地址放在iframe标签的src就行了,打开页面就会弹出下载这个文件
<iframe src="xxxx.docx">
如果是要显示这个文档 (跳转页面)
window.open("https://view.xdocin.com/view?src="xxxx.docx");
如果是要在当前页面显示这个文档,不跳转
<div class="box">
<iframe
:src="`https://view.xdocin.com/view?src=${this.url}`"
alt=""
:style="{ height: calHeight }"
scrolling="auto"
/>
</div>
computed: {
//设置iframe高度为窗口高度少100px
calHeight() {
return window.innerHeight - 100 + "px";
},
},
实现效果如下, 点加号,减号可以调字体大小,非常简单方便
更多推荐
已为社区贡献9条内容
所有评论(0)