base64转图片img显示
时间: 2023-12-12 19:36:02 浏览: 103
Base64转图片
5星 · 资源好评率100%
以下是使用JavaScript将base64转换为图片并在img标签中显示的方法:
```javascript
// 获取img标签
var img = document.getElementById('img');
// 将base64转换为Blob对象
function base64ToBlob(base64) {
var arr = base64.split(',');
var mime = arr[0].match(/:(.*?);/)[1];
var bstr = atob(arr[1]);
var n = bstr.length;
var u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], {type:mime});
}
// 将Blob对象转换为URL
function blobToUrl(blob) {
return URL.createObjectURL(blob);
}
// 将base64转换为URL并显示在img标签中
function showImg(base64) {
var blob = base64ToBlob(base64);
var url = blobToUrl(blob);
img.src = url;
}
// 调用showImg函数
var base64 = '这里是base64字符串';
showImg(base64);
```
阅读全文