如何将mp3文件加载到React URL

时间:2019-04-05 05:26:57

标签: javascript reactjs html5

我一直试图在URL上添加由Input加载的.mp3文件,因此我可以使用播放器播放它,但无法将其作为URL加载

我尝试将FileReader与readAsDataURL结合使用,但没有获得文件的URL

我有这个输入

<input id="auInput" type="file" accept="audio/*" onChange={e => readURL(e)}/>

和阅读器功能:

function readURL(input) {
    if(input.target.files && input.target.files[0]){
        let reader = new FileReader();

        reader.onloadend = function(e){
            let audio = new Audio(e.target.result);
        };

        reader.readAsDataURL(input.target.files[0]);
// This is where i need the URL to add it to player:
        sourceAux = reader.result;

}

我希望有一个URL,而我只是得到一个空字符串

1 个答案:

答案 0 :(得分:0)

我已经找到答案了,

function readURL(input){
        sourceAux = URL.createObjectURL(input.target.fles[0]);
        console.log(sourceAux);
        let audio = new Audio(sourceAux);
}