<img src="data:image/jpeg;base64,UklGRlxFAABXRUJQVlA4IFBFAABQ0QGdASogA/QBPpFEnUulo7Mso9DKMmASCWct5uL8qDTbQqPpCo8vlZ8v7veBKd+4QPRGtO5vqnngcmAC+Qve9OInjb9Xcd3zn3zNoLDPXh/lX/z> 怎么拿到src中的内容
时间: 2023-12-14 09:05:40 浏览: 36
这个img标签的src属性中存储了一张图片的Base64编码字符串,如果想要获取这个字符串,可以使用JavaScript中的正则表达式来提取。
以下是具体实现方法:
```javascript
// 获取img标签中的Base64编码字符串
const base64Str = 'UklGRlxFAABXRUJQVlA4IFBFAABQ0QGdASogA/QBPpFEnUulo7Mso9DKMmASCWct5uL8qDTbQqPpCo8vlZ8v7veBKd+4QPRGtO5vqnngcmAC+Qve9OInjb9Xcd3zn3zNoLDPXh/lX/z';
const regex = /^data:(.*?);base64,(.*)$/;
const result = regex.exec(base64Str);
if (result) {
const mimeType = result[1]; // 图片的MIME类型
const content = result[2]; // 图片的Base64编码字符串
console.log(mimeType); // 输出图片的MIME类型
console.log(content); // 输出图片的Base64编码字符串
} else {
console.log('无效的Base64编码字符串');
}
```
这样就可以获取到img标签中的Base64编码字符串了。需要注意的是,Base64编码字符串的格式通常为"data:MIME类型;base64,Base64编码内容",所以可以使用正则表达式来提取其中的MIME类型和Base64编码内容。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![azw3](https://img-home.csdnimg.cn/images/20210720083646.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)