Vue前端Blob文件流下载

最新推荐文章于 2024-05-16 10:48:51 发布

热爱生活的大辉

最新推荐文章于 2024-05-16 10:48:51 发布

阅读量505

点赞数 3

文章标签： vue

本文链接：https://blog.csdn.net/weixin_48164217/article/details/118385842

版权

首先请求数据设置 responseType: ‘blob’ 的格式其他不变
在这里插入图片描述

后端返回的格式是text/xml的
在这里插入图片描述
然后操作data

    //数据转换为文件下载
                    var elink = document.createElement('a')
                    elink.download = '文件名称.zip'
                    elink.style.display = 'none'
                    var blob = new Blob([res.data], { type: 'application/zip' })
                    elink.href = URL.createObjectURL(blob)
                    document.body.appendChild(elink)
                    elink.click()
                    document.body.removeChild(elink)

在这里插入图片描述