前端接收bolb格式下载文件，前端下载blob格式的文件

最近遇到一个下载文件的需求，不是请求后端接口直接下载文件，而是后端返回blob格式的文件，前端自行下载文件

下面的具体的操作代码

1、修改request请求（请求是封装好的axios方法），增加响应参数 responseType: ‘blob’

exportApi: () => {return request({url: '/export',method: 'post',responseType: 'blob'});
}

2、下载excel方法，下面是简单封装的通用方法

function downloadFile(res: any, filename?: any) {const a = document.createElement('a');// 该实例化的方式第一个参数必须是数组的格式const blob = new Blob([res], {type: "application/vnd.ms-excel"});const url = window.URL.createObjectURL(blob);a.setAttribute('href', url);a.setAttribute("download", filename);document.body.appendChild(a);a.click();document.body.removeChild(a);
}

前端接收bolb格式下载文件，前端下载blob格式的文件相关推荐

vuejs项目前端纯js在线下载网页内容保存为自定义格式的word文件、另存为word文件
所有前端导入导出方法集合: 前端必备技能知识:JS导出Blob流文件为Excel表格.Vue.js使用Blob的方式实现excel表格的下载(流文件下载)_勤动手多动脑少说多做厚积薄发-CSDN博客_ ...
前端接收并下载文件流（blob对象）(word/.doc)
1 根据文件路径下载文件模板,前端拿到的是stream 文件流 2 将文件流下载下来第一步当然是写请求方法了,如下 //下载模板 export function download (params) ...
前端接收pdf文件_原生ajax请求获取pdf文件流本地下载（支持谷歌IE）
项目中要实现本地下载pdf文件,ajax请求获取到文件全路径,如上,a标签href属性赋值跳转,在iframe里面,谷歌浏览器被阻止下载.那只能另想办法.经过几天的摸索和后台调整接口数据流,终于解决. ...
前端实现base64格式文件的下载
利用Blob对象进行文件的下载例子(此例子是在vue中执行的,其他环境需注意方法的调用): base64格式文件 let docbase64 = 'data:application/octet-st ...
new blob文件设置编码_前端下载文件amp;下载进度
前端最基础的就是 HTML+CSS+Javascript.掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些.前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础 ...
如何利用后端给的url，前端下载图片、音频、视频等文件
后端给了url,让前端处理下载,刚开始只处理图片url下载,然后用最简单的方式,创建a标签,叫download属性,发现竟然不行,找了一下原因,原来是url地址跨域了,这里需要让后端处理一下服务器对u ...
前端 json数据转txt文本并下载(前端自定义封装数据并下载文件)
前端 json数据转txt文本并下载在工作中,有一次客户要求将图形化的数据转化为txt文件下载本例中也可前端自定义封装数据并下载文件其后端传来的数据为json格式,需要前端转化为text数据的形 ...
Java通过流的方式从OSS打压缩包下载或者直接下载文件,并返回输出流给前端(弹框选择下载路径)
需求提供一个接口,前端通过按钮下载文件,根据不同的id下载对应的文件,由于都是多个文件,需要进行打压缩包下载,文件保存在oss服务器上注意:我的压缩包名称和文件名称都是通过日期或者uuid生成的, ...
前端（vue）文件流下载
最近在做项目时,碰到一个需求,调接口,前端根据返回数流生成下载文件 . 1.首先进行封装在utils中,直接复制即可 export function dataToFile (params) {let ...

前端接收bolb格式下载文件，前端下载blob格式的文件

最近遇到一个下载文件的需求，不是请求后端接口直接下载文件，而是后端返回blob格式的文件，前端自行下载文件

下面的具体的操作代码

1、修改request请求（请求是封装好的axios方法），增加响应参数 responseType: ‘blob’

2、下载excel方法，下面是简单封装的通用方法

前端接收bolb格式下载文件，前端下载blob格式的文件相关推荐

最新文章

热门文章