vue base64格式转成图片导出到本地
时间: 2023-05-18 07:04:42 浏览: 557
可以使用以下代码将base64格式的图片转换成图片并导出到本地:
```javascript
// 将base64格式的图片转换成Blob对象
function dataURLtoBlob(dataurl) {
var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
while(n--){
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], {type:mime});
}
// 将Blob对象转换成文件并下载到本地
function downloadFile(blob, fileName) {
var a = document.createElement('a');
a.download = fileName;
a.href = URL.createObjectURL(blob);
a.click();
}
// 将base64格式的图片导出到本地
function exportImage(base64Str, fileName) {
var blob = dataURLtoBlob(base64Str);
downloadFile(blob, fileName);
}
// 使用示例
exportImage('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...', 'image.png');
```
其中,`base64Str`为base64格式的图片字符串,`fileName`为导出的文件名。