在前端 将base64 字节数组转换为url显示图片
时间: 2024-02-17 19:04:44 浏览: 201
通过传一个url就可以实现把图片变成base64的字符串 常用在下载滑动条图片上 其它任何语言程序可以调用此程序
在前端将 Base64 编码的字节数组转换为 URL 显示的图片,可以通过以下步骤实现:
1. 将 Base64 编码的字节数组转换为字符串。
2. 将字符串拼接为 data URI。
3. 将 data URI 赋值给 img 标签的 src 属性,从而显示图片。
下面是 JavaScript 代码示例:
```javascript
// 将 Base64 编码的字节数组转换为 URL 显示的图片
function base64ToImageUrl(imageBytes) {
// 将字节数组转换为字符串
const imageString = btoa(String.fromCharCode.apply(null, imageBytes));
// 将字符串拼接为 data URI
const imageUrl = `data:image/png;base64,${imageString}`;
// 将 data URI 赋值给 img 标签的 src 属性
const img = document.createElement('img');
img.src = imageUrl;
document.body.appendChild(img);
}
```
其中,`imageBytes` 为 Base64 编码的字节数组。调用 `base64ToImageUrl(imageBytes)` 函数即可将图片显示在页面中。
阅读全文