base64转图片js函数封装
时间: 2023-11-25 19:51:45 浏览: 106
JavaScript常用工具函数汇总(浏览器环境)
以下是一个将base64转换为图片的JavaScript函数封装的例子:
```javascript
function base64ToImg(base64Str, imgType) {
// 去掉base64字符串前缀
const base64Data = base64Str.replace(/^data:image\/\w+;base64,/, '');
// 将base64字符串转换为ArrayBuffer对象
const buffer = new ArrayBuffer(base64Data.length);
const bytes = new Uint8Array(buffer);
for (let i = 0; i < base64Data.length; i++) {
bytes[i] = base64Data.charCodeAt(i);
}
// 将ArrayBuffer对象转换为Blob对象
const blob = new Blob([buffer], { type: `image/${imgType}` });
// 将Blob对象转换为URL
const url = URL.createObjectURL(blob);
// 创建Image对象
const img = new Image();
// 加载图片
img.src = url;
// 返回Image对象
return img;
}
```
该函数接受两个参数:base64字符串和图片类型。它将base64字符串转换为图片,并返回一个Image对象。
阅读全文