【问题标题】:How can i load an mp3 file to a react URL如何将 mp3 文件加载到反应 URL
【发布时间】:2019-04-05 05:26:56
【问题描述】:

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

【问题讨论】:

  • JavaScript 是异步的。加载尚未发生。在您设置的回调中,它可能已设置

标签: javascript reactjs html


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-08-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-10-10
    • 1970-01-01
    • 2019-08-26
    相关资源
    最近更新 更多