javascript - 如何将 mp3 文件加载到反应 URL

Question

我一直在尝试在 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，我只是得到一个空字符串

标签： javascriptreactjshtml

Answer 1

我找到了答案，通过使用这个

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