vue怎么显示/下载后端返回的 .docx文档

需求：后端给了一个.docx 文档的url地址，前端要在页面显示或下载这个文档

比如地址是xxx.docx

参考文章：前端预览word文档实现_前端打开word文档_何以为皇的博客-CSDN博客

上面的文章讲了三种方法，有需要可以看下

如果是要下载这个文档，直接把地址放在iframe标签的src就行了，打开页面就会弹出下载这个文件

如果是要显示这个文档（跳转页面）

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高度为窗口高度少100pxcalHeight() {return window.innerHeight - 100 + "px";},},

实现效果如下，点加号，减号可以调字体大小，非常简单方便

vue怎么显示/下载后端返回的 .docx文档相关推荐

前端JS通过Ajax下载后端返回的Excel文档
我们来看下效果演示: 条件假设: 首先得有一个下载文档的接口,我们假设这个接口的地址是myurl 其次我们一般使用token来区分用户是否有权下载,假设令牌为token html部分比较简单 < ...
vue前端怎么下载后端返回的二进制流excel表格文件
文章目录应用场景一.怎么请求接口二.步骤图片 1.res返回数据 2.url地址 3.download属性 4.a标签 5.返回的原式数据,长这样总结应用场景我对表格数据进行勾选,想要把勾 ...
SpringBoot 下载 docx 文档
功能需求很简单:我想实现一个在线下载简历docx文档的功能实现效果如下:点击下载后,就出现下载的文档目前该方式有局限性只能下载微软的word文档,而wps的会下载失败一.具体代码使用的库为 o ...
html画布显示PPT,【Web前端问题】有没有办法让HTML5 canvas显示/预览word/excel/powerpoint 文档？...
目前想实现类似百度文库那样的在线文档预览,但是他们使用的一般都是Flash,而HTML5 canvas可以在大多数情况下代替Flash,那么有没有办法让canvas显示/预览Office文档? 如果不 ...
java docx文档解析_带有docx4j的Java Word（.docx）文档
java docx文档解析几个月前,我需要创建一个包含许多表和段落的动态Word文档. 过去,我曾使用POI来实现此目的,但是我发现它很难使用,并且在创建更复杂的文档时对我来说效果不佳. 因此,对于 ...
Java web/springboot上传word/doc/docx文档(含图片)与HTML富文本导入/导出互相转换解析！附项目源码
测试效果先看下效果文档内容如下: 上传上传docx文档查看解析内容 <html><head><style>p{margin-top:0pt;margin-b ...
ssm+Vue计算机毕业设计在线答题系统（程序+LW文档）
ssm+Vue计算机毕业设计在线答题系统(程序+LW文档) 项目运行环境配置: Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe ...
java计算机毕业设计Vue框架龙猫宠物交易平台MyBatis+系统+LW文档+源码+调试部署
java计算机毕业设计Vue框架龙猫宠物交易平台MyBatis+系统+LW文档+源码+调试部署 java计算机毕业设计Vue框架龙猫宠物交易平台MyBatis+系统+LW文档+源码+调试部署本源码技 ...
20230508在Ubuntu22.04下使用python3批量转换DOCX文档为TXT
20230508在Ubuntu22.04下使用python3批量转换DOCX文档为TXT 2023/5/8 16:27 在WIN10下请参考本文,在Ubuntu22.04下需要不通的插件! https ...

vue怎么显示/下载后端返回的 .docx文档

如果是要下载这个文档，直接把地址放在iframe标签的src就行了，打开页面就会弹出下载这个文件

如果是要显示这个文档（跳转页面）

如果是要在当前页面显示这个文档，不跳转

实现效果如下，点加号，减号可以调字体大小，非常简单方便

vue怎么显示/下载后端返回的 .docx文档相关推荐

最新文章

热门文章

vue怎么显示/下载后端返回的 .docx文档

如果是要下载这个文档，直接把地址放在iframe标签的src就行了，打开页面就会弹出下载这个文件

如果是要显示这个文档 （跳转页面）

如果是要在当前页面显示这个文档，不跳转

实现效果如下， 点加号，减号可以调字体大小，非常简单方便

vue怎么显示/下载后端返回的 .docx文档相关推荐

最新文章

热门文章

如果是要显示这个文档（跳转页面）

实现效果如下，点加号，减号可以调字体大小，非常简单方便