前端下载base64图片
时间: 2023-11-03 20:07:04 浏览: 102
base64图片
可以通过以下步骤实现前端下载base64图片:
1. 将base64字符串转换为Blob对象
2. 创建一个a标签,设置其href属性为Blob对象的URL
3. 设置a标签的download属性为要下载的文件名
4. 触发a标签的click事件,即可下载文件
以下是示例代码:
```javascript
function downloadBase64Image(base64String, fileName) {
const blob = base64ToBlob(base64String);
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = fileName;
a.click();
URL.revokeObjectURL(url);
}
function base64ToBlob(base64String) {
const parts = base64String.split(';base64,');
const contentType = parts[0].split(':')[1];
const raw = window.atob(parts[1]);
const rawLength = raw.length;
const uInt8Array = new Uint8Array(rawLength);
for (let i = 0; i < rawLength; ++i) {
uInt8Array[i] = raw.charCodeAt(i);
}
return new Blob([uInt8Array], { type: contentType });
}
```
阅读全文