Javascript 保存上载的文件以供以后使用

我正在制作一个音乐播放器。在这个程序中，用户可以单击按钮，根据文件输入从文件系统向播放列表添加歌曲。如果我只想使用一首歌，它可以正常工作——用户单击“添加歌曲”按钮，我可以从中获取数据来播放歌曲。当用户重新加载页面时，问题就出现了。我想要的是，当用户重新加载页面时，我可以继续播放同一首歌。这里有一些代码

var song = manageAddSong.files[0];

我需要那个歌曲变量是持久的。我可以用localSotrage来做这个吗

localStorage.setItem("persistentSong",song);

---

编辑：我也很可能会使用JSON数组来存储歌曲数据。也可以这样做吗？

是的，您可以使用

localStorage

。但是，

localStorage

只能存储字符串，因此需要将对象转换为JSON字符串：

localStorage.setItem("persistentSong", JSON.stringify(song));

并在以后检索：

var song = JSON.parse(localStorage.getItem("persistentSong"));

事实证明，从大量研究来看，这根本不可能