image标签 src 可以直接绑定base64编码吗
时间: 2024-09-20 21:14:23 浏览: 37
javascript从image转换为base64位编码的String
当然可以,HTML `img` 标签的 `src` 属性可以直接绑定 Base64 编码的图片数据。当你有一个图片的二进制数据,比如通过前端生成的二维码、canvas绘图或是从服务器获取的数据,你可以将其转换成Base64格式,然后赋值给 `src`。
例如,在JavaScript中:
```javascript
let base64Data = "data:image/jpeg;base64,/9j/4AAQSk..."; // 这里是Base64格式的图片数据
// 或者,如果你有实际的图片数据,可以这样转换:
const blob = ...; // 图片数据(Blob对象)
const url = URL.createObjectURL(blob);
const base64Data = window.btoa(uni.arrayBufferToBase64(blob.arrayBuffer()));
document.getElementById('myImage').src = base64Data;
```
在这个例子中,`<img id="myImage" />` 将会显示包含Base64编码的图片。
阅读全文