在vue中将blob格式的音频转化为base64格式的音频
时间: 2023-12-10 07:05:55 浏览: 83
在vue中使用Base64转码的案例
在Vue中将blob格式的音频转化为base64格式的音频可以使用FileReader对象,具体步骤如下:
1. 创建FileReader对象
```javascript
const reader = new FileReader();
```
2. 读取blob对象并转换为base64
```javascript
reader.readAsDataURL(blob);
reader.onload = () => {
const base64Audio = reader.result;
console.log(base64Audio);
}
```
完整代码示例:
```javascript
export default {
methods: {
async handleAudioFile(audio) {
const blob = await fetch(audio.url).then(res => res.blob());
const reader = new FileReader();
reader.readAsDataURL(blob);
reader.onload = () => {
const base64Audio = reader.result;
console.log(base64Audio);
};
}
}
}
```
其中,`audio.url`是blob音频的URL地址,`handleAudioFile`方法可以在Vue组件中使用。
阅读全文