图片base64转换成正常的图片格式的js代码
时间: 2023-12-05 22:40:35 浏览: 26
以下是将图片的base64格式转换为正常图片格式的JavaScript代码:
```javascript
function convertBase64ToImage(base64Str) {
// 去掉base64格式图片的头部
const base64Image = base64Str.split(';base64,').pop();
// 将base64格式转换为Blob对象
const byteString = atob(base64Image);
const mimeString = base64Str.split(';')[0].split(':')[1]; const ab = new ArrayBuffer(byteString.length);
const ia = new Uint8Array(ab);
for (let i = 0; i < byteString.length; i++) {
ia[i] = byteString.charCodeAt(i);
}
const blob = new Blob([ab], { type: mimeString });
// 将Blob对象转换为正常图片格式
const img = new Image();
img.src = URL.createObjectURL(blob);
return img;
}
```
使用方法:
```javascript
const base64Str = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...';
const img = convertBase64ToImage(base64Str);
document.body.appendChild(img); // 将图片添加到页面中
```