typescript如何将base64转为图片
时间: 2023-09-20 16:12:36 浏览: 473
可以使用 `atob()` 函数将 base64 编码解码为二进制数据,然后将其转化为 Blob 对象,最后用 URL.createObjectURL() 方法创建一个 URL,将其赋值给 `<img>` 标签的 src 属性即可。
以下是 TypeScript 示例代码:
```typescript
function base64ToImage(base64: string): void {
const binaryStr = atob(base64);
const len = binaryStr.length;
const bytes = new Uint8Array(len);
for (let i = 0; i < len; i++) {
bytes[i] = binaryStr.charCodeAt(i);
}
const imageBlob = new Blob([bytes], { type: 'image/jpeg' });
const imageUrl = URL.createObjectURL(imageBlob);
const imageElement = document.createElement('img');
imageElement.src = imageUrl;
document.body.appendChild(imageElement);
}
```
使用示例:
```typescript
const base64Str = 'data:image/jpeg;base64,/9j/4AAQSkZJRgA...';
base64ToImage(base64Str);
```
注意:此代码仅适用于浏览器环境。如果在 Node.js 环境中执行,可能需要使用其他的文件处理库。
阅读全文