imgSubmit(id) {
axios({
method: 'get',
url: `${process.env.VUE_APP_BASE_API}/ranking/GetRankEveryImage`,
responseType: 'arraybuffer',
headers: { 'Authorization': 'Bearer ' + getToken() },
params: {
id: id
}
}).then(res => {
var src = 'data:image/jpg;base64,' + btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), ''))
this.srcImg = src // 图片回显
var link = document.createElement('a')
link.href = src
link.download = '排行榜.jpg'
link.click()
})
},
vue下载 二进制文件流
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 写在前面 需求:登录页获取图片验证码,后端以二进制流的形式返回。 一、效果: 二、代码 本文vue中请求的axio...
- TODO1:将字符串转换成Bitmap类型(Base64字符串转换成图片) TODO2:二进制流转换为Bitmap...
- 一般情况下,想要实现文件下载/导出功能,需要在前端把数据发到服务端或者发送下载请求到服务端,然后由服务端通过获取数...