HTML读取本地文件信息的两种方式

1、HTML文件input实现文件选择

2、通过URL.createObjectUrl或FileReader.readAsDataurl

方式1：        

var URL = window.URL || window.webkitURL
let url = URL.createObjectURL(file);
let audio = new Audio(url);
audio.load();
audio.oncanplay = e => {
    console.log(audio.duration);
    URL.revokeObjectURL(url);//需要手动释放资源
}

方式2：

let fr = new FileReader();
fr.readAsDataURL(file);
fr.onload = e => {
    let audio = new Audio(e.target.result)
    audio.oncanplay = e => console.log(e);
}

FileReader相比URL方式更消耗资源，但是会自动释放