vue中怎么将base64转为url
时间: 2023-06-05 10:48:03 浏览: 327
vue项目base64字符串转图片的实现代码
在Vue中,可以使用URL.createObjectURL()方法将Base64编码转换为URL。具体步骤如下:
1. 将Base64编码的字符串转换为Blob对象:
```javascript
const base64Str = 'data:image/png;base64,iVBORwKGgoAAAANSUhEUgAAADIA...';
const blob = new Blob([atob(base64Str.split(',')[1])], { type: 'image/png' });
```
2. 使用URL.createObjectURL()方法将Blob对象转换为URL:
```javascript
const url = URL.createObjectURL(blob);
```
3. 将URL绑定到img标签的src属性上:
```html
<img :src="url" alt="image">
```
注意:使用完URL后,需要使用URL.revokeObjectURL()方法释放URL占用的内存。
```javascript
URL.revokeObjectURL(url);
```
阅读全文