vue项目中下载文档的一种方式

1，使用axios请求下载文档（word或其他文档），由于在请求中使用的了talents_token进行了封装，所以需要在请求中的headers中添加talent_token字段，如下面所示，点击下载，会下载一个word文档。
2，我们代码中弃用的方式如下：直接使用的window.location.href 进行的下载。

window.location.href = `${window.mainConfig.baseUrl}/pub/iface/downloadResume?id=${id}`

目前正在使用的下载方式

doDownloadResume(id,name){axios({method: 'get',//请求方式headers: {'talents_token': window.localStorage.getItem('talents_token'),},url: `${window.mainConfig.baseUrl}/pub/iface/downloadResume?id=${id}`,//请求路径responseType: 'blob'}).then(res => {const blob = new Blob([res.data], {type: 'application/msword',});const objectUrl = URL.createObjectURL(blob);const link = document.createElement('a');//我们用模拟q标签点击事件const fname = name + '的简历'; //下载文件的名字link.href = objectUrl;link.setAttribute('download', fname);document.body.appendChild(link);/*** 在这期间，我们可以做自己界面的反应逻辑**/link.click();//点击document.body.removeChild(link); // 下载完成移除元素window.URL.revokeObjectURL(URL); // 释放掉blob对象})},

vue项目中下载文档的一种方式相关推荐

在Vue项目中使用Echarts的一种方式
主要使用了vue-echarts 1.依赖: npm i echarts -S npm i jquery -S npm i vue-echarts -S 2.使用在main.js中: import ...
vue项目中实现录屏两种方式rrweb和RecordRTC
rrweb原理 rrweb 是一个实现web页面录制和回放的基础库 ,它可以将⻚⾯中的 DOM 以及⽤户操作保存为可序列化的数据,以实现远程回放. RecordRTC原理 1.rrweb 安装npm ...
Vue项目中刷新当前页面的四种方法
Vue项目中刷新当前页面的四种方法前记刷新当前页面的四种方法 this.$router.go(0) location.reload() 跳转空白页再跳回原页面使用provide / inject ...
vue项目实现回到顶部的两种超简单方法
vue 中实现回到顶部的两种方式: (1)锚点方式通过点击锚点回到指定位置: <template><div id="topAnchor" ref="f ...
vue获取上传图片的名字和路径_使用Vue实现图片上传的三种方式
项目中需要上传图片可谓是经常遇到的需求,本文将介绍 3 种不同的图片上传方式,在这总结分享一下,有什么建议或者意见,请大家踊跃提出来. 没有业务场景的功能都是耍流氓,那么我们先来模拟一个需要实现的业务 ...
Vue系列vue-router的参数传递的两种方式（五）
Vue系列vue-router的参数传递的两种方式前言一.编写Profile页面二.编写App.vue入口三.路由配置,index.js 四.对比route.params方式传参五.项目中 ...
Vue.js 定义组件模板的七种方式
转载自 Vue.js 定义组件模板的七种方式在 Vue 中定义一个组件模板,至少有七种不同的方式(或许还有其它我不知道的方式): 字符串模板字面量 x-template 内联模板 render ...
在线直播源码，VUE 获奖名单滚动显示的两种方式
在线直播源码,VUE 获奖名单滚动显示的两种方式第一种: 使用vue-seamless-scroll组件: 1.安装vue-seamless-scroll npm install vue-seaml ...
vue实现input输入模糊查询(三种方式)
vue实现input输入模糊查询(三种方式) 目录 vue实现input输入模糊查询(三种方式) 1 计算属性实现模糊查询演示: 2 watch 监听实现模糊查询 3 通过按钮点击实现模糊查询演示 ...

vue项目中下载文档的一种方式

vue项目中下载文档的一种方式相关推荐

最新文章

热门文章