vue 下载文件（后台返回为二进制流）

将二进制流转换为需要的文件格式

    downloadContent(value, name) {const link = document.createElement('a')const blob = new Blob([value], { type: 'application/octet-stream' })const url = window.URL.createObjectURL(blob)link.href = urllink.download = name + '.xlsx'link.click()window.URL.revokeObjectURL(url)},

需要在下载接口的请求头中加 responseType: ‘arraybuffer’，例：

async function getDownThreatFile(params) {const res = request({url: `firework/ioc/bath/export`,method: 'get',params,responseType: 'arraybuffer'})return res
}

value：后台返回的二进制流
name：文件名
type：文件类型具体参考文件类型

vue 下载文件（后台返回为二进制流）相关推荐

vue前端怎么下载后端返回的二进制流excel表格文件
文章目录应用场景一.怎么请求接口二.步骤图片 1.res返回数据 2.url地址 3.download属性 4.a标签 5.返回的原式数据,长这样总结应用场景我对表格数据进行勾选,想要把勾 ...
vue前端处理后台返回的Long型数据精度丢失
vue前端处理后台返回的Long型数据精度丢失问题描述开发时后端返回的id为Long型,结果发现俩id怎么会一样呢?如下图是控制台Preview返回的数据正以为是后端那边数据有误时,我点开Res ...
vue中处理后台返回的 html 特殊标签(‘\lt； p style=“xxx“ \gt；‘)或(\＜p＞)的三种情况及传给后端数据的解决方案
问题一:vue中处理后台返回的 html 特殊标签('&lt: p style="xxx" &gt:')或(\<p>)的三种情况返回数据 // 返回数 ...
vue 后台返回的文件流进行预览_vue项目-pdf预览和下载，后台返回文件流形式
背景:正好最近碰到了这种需求,记录下来,方便以后查看. 后端返回的文件流数据如下图所示: 后台返回数据.png 一.pdf的预览一开始的时候百度了很多方法,有建议用pdfJs插件的,有iframe嵌 ...
vue 下载文件流和捕获后端返回的状态码和错误信息的方法
文件流下载需要注意的是 responseType: 'blob' ,否则下载的文件不能正确打开.但是当数据库返回400时,捕获不到error的错误信息,因为responseType设置了固定的返回格式 ...
前端将二进制数据流转为文件_前端通过二进制流下载文件
JS下载文件两种方式总结: 下载文件主要分为两种形式,具体使用哪种方式取决于后台: 1.如果后台服务器的静态目录有可供下载的静态资源,后台接口返回文件路径,直接window.location.href ...
如何将后台返回的二进制数据流转换为想要的word，doc，或者xsls文件
在项目的应用过程中,需要将后台返回的二进制文件转换成我们想要的文件,在这里我们就要用到一个叫Blob的东西: Blob:他是js的操作对象类,html5的文件操作对象,blob是用来存储二进制数据,B ...
微信小程序微信原生小程序如何通过后端返回的二进制流导出excel文件并保存和转发
因为工作上的原因有这个需求所以记录一下首先后端返回给我们的数据是这样的,一串二进制流然后直接上代码吧,注释基本上说的差不多了 wx.request({url: ``, //这个地方是你获取二进制流 ...
vue下载、导出文件返回blob时后台抛出异常时弹出提示
主要是利用response.type来判断返回数据的格式,直接上代码 api.exportXls(this.dataForm).then(response => {const fileReade ...
Java通过流的方式从OSS打压缩包下载或者直接下载文件,并返回输出流给前端(弹框选择下载路径)
需求提供一个接口,前端通过按钮下载文件,根据不同的id下载对应的文件,由于都是多个文件,需要进行打压缩包下载,文件保存在oss服务器上注意:我的压缩包名称和文件名称都是通过日期或者uuid生成的, ...

vue 下载文件（后台返回为二进制流）

vue 下载文件（后台返回为二进制流）相关推荐

最新文章

热门文章