axiosgetpublicmock1683616705171mp3 responseTypeblob 我想显示这个blob数据
可以使用URL.createObjectURL()方法将blob数据转换成URL,然后将URL作为音频的src属性值,从而实现显示音频。
示例代码如下:
axios.get('/public/mock/1683616705171.mp3',{
responseType:'blob'
}).then(response => {
const audioUrl = URL.createObjectURL(response.data);
const audio = document.createElement('audio');
audio.src = audioUrl;
document.body.appendChild(audio);
}).catch(error => {
console.log(error);
});
该代码会先通过axios获取mp3文件的blob数据,然后通过URL.createObjectURL()方法将blob数据转换成URL,接着创建一个新的audio元素,将URL作为其src属性值,最后将audio元素添加到页面中,从而实现显示音频
原文地址: https://www.cveoy.top/t/topic/eYZr 著作权归作者所有。请勿转载和采集!