图片预览与下载

后端返回base64进行图片的预览和下载下载

有一个图片预览的接口。后端返回的值长这个样子

1、预览

如果要在线预览的话，代码需要这样写放入img的src

this.imgPreviewBaseUrl = 'data:image/png;base64,' + res.data

标签中就是这样的

2、下载

图片预览的这样的返回结果也是可以进行图片的下载的，下载代码

this.imgPreviewBaseUrl = 'data:image/png;base64,' + res.data
let downloadElement = document.createElement("a");
downloadElement.href = this.imgPreviewBaseUrl;
downloadElement.download = 'aaa.jpg'; //设置下载的文件名
document.body.appendChild(downloadElement);
console.log('>>>>>downloadElement');
console.log(downloadElement);
downloadElement.click();
document.body.removeChild(downloadElement);