后端返回数据格式：
实现效果：
应用 axios+vue
//下载二维码
onDownloadQR() {
let data = {
code: this.downloadQr,
};
downqrcode(data).then((res) => {
console.log(res);
let data = res;
let url = window.URL.createObjectURL(new Blob([data]));
let link = document.createElement("a");
link.style.display = "none";
link.href = url;
link.setAttribute("download", this.downloadQr + ".jpg");
document.body.appendChild(link);
link.click();
});
},
注：this.downloadQr 是我的文件名 这里可以按照自己的需求进行更改
重点： 在请求接口处 一定要设置
responseType: “arraybuffer”, // 注意：responseType必须是arrayBuffer，json是不行的
// 下载二维码
export function downqrcode(data) {
return request({
url: '/downqrcode' + '?' + qs.stringify(data),
method: 'get',
responseType: "arraybuffer", // 注意：responseType必须是arrayBuffer，json是不行的
})
}
否则 下载的图片会出现打不开的现象
实例：
**
参考链接：https://blog.csdn.net/qq_38904099/article/details/97009963
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/79260.html
