img(:src='baseImgStr' class='activeBgImg') 怎么拿这个图片的base64编码
时间: 2024-09-25 22:12:50 浏览: 33
html中的图片直接使用base64编码后的字符串代替
在这个HTML片段中,`img`标签的`:src`属性引用了变量`baseImgStr`,假设它是一个Base64编码的URL。如果你想获取这个图片的实际Base64编码,而不是URL,你需要先解析`baseImgStr`的内容。如果你能确定它就是Base64字符串,可以直接使用JavaScript的`atob`方法解码。
```javascript
let decodedData;
if (typeof baseImgStr === 'string' && /^data:image\/\w+;base64,/i.test(baseImgStr)) { // 检查是否是有效的Base64 URL
decodedData = atob(baseImgStr.slice(baseImgStr.indexOf(',') + 1)); // 解析并提取Base64数据
} else {
decodedData = null; // 如果不是Base64,返回null或错误信息
}
// 现在decodedData就是图片的Base64编码
```
如果`baseImgStr`是从服务端返回的,可能需要进一步处理才能得到Base64编码,因为服务端返回的可能是真实URL而非Base64编码。具体取决于你的后端环境是如何设置的。
阅读全文