音频可视化开发------问题合集以及解决方案（持续更新）

1. 客户端获取本地上传文件地址问题
   html代码：

<div>
<input type="file" id="filepath" accept="audio/*"/>
</div>

JavaScript代码：

let filepath = document.getElementById("filepath");
filepath.onchange = function(event){
console.log("所选音频文件路径");
console.log(filepath.value);
}

结果：

获取路径和原因分析
js获取文件路径为：“C:\fakepath”；

原因分析：window系统为了安全考虑，不让从客户端获取文件路径，统一使用C:\fakepath代替。

解决方案：

将音频文件放在和index.html的同一个文件夹下则可以通过修改文件地址来更改播放的音频文件

2. DevTools无法加载来源映射
   报错截图：
   
   解决方案：
   找到对应的js和css文件
   删除文件中最后一行的注释