使用vue将base64格式的图片字符串转化成图片并导出到本地
时间: 2023-05-18 11:05:48 浏览: 1494
可以使用以下代码将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 saveAs(blob, filename) {
var link = document.createElement("a");
link.href = URL.createObjectURL(blob);
link.download = filename;
link.click();
}
// 使用vue将base64格式的图片字符串转化成图片并导出到本地
function exportImage(base64Str, filename) {
var blob = dataURLtoBlob(base64Str);
saveAs(blob, filename);
}
```
调用方式如下:
```javascript
exportImage(base64Str, filename);
```
其中,`base64Str`为base64格式的图片字符串,`filename`为导出的文件名。
阅读全文