vue手机端下载base64图片

在Vue.js中，如果你有一个Base64编码的图片数据，并希望在手机端下载这个图片，可以按照以下步骤操作：

1. 首先，你需要将Base64字符串转换为Blob对象，因为Blob对象可以直接创建文件流。

const base64String = 'your_base64_string_here';
let dataURL = 'data:image/jpeg;base64,' + base64String;
let blob = atob(dataURL.split(',')[1]);
let arrayBuffer = new Uint8Array(blob.length);
for (let i = 0; i < blob.length; i++) {
    arrayBuffer[i] = blob.charCodeAt(i);
}

2. 然后，你可以创建一个File对象并创建一个新的FileReader实例来读取Blob。

let file = new File([arrayBuffer], 'image.jpg', {type: 'image/jpeg'});
let reader = new FileReader();
reader.readAsDataURL(file);
reader.onloadend = function() {
    let downloadLink = document.createElement('a');
    downloadLink.href = reader.result;
    downloadLink.download = 'image.jpg'; // 下载名称
    document.body.appendChild(downloadLink); // 将链接添加到文档中模拟点击
    downloadLink.click(); // 触发下载
    document.body.removeChild(downloadLink);
};

在这个过程中，`downloadLink.click()`会触发浏览器的默认下载行为，用户将会看到一个"保存"或"下载"的选项来保存图片。