Сохранить загруженный файл для последующего использования

Question

Я создаю музыкальный плеер. В этой программе пользователи могут нажать кнопку, чтобы добавить песню в свой плейлист из своей файловой системы на основе ввода файла. Он отлично работает, если я просто хочу использовать одну песню - пользователь нажимает кнопку «добавить песню», и я могу получить данные от этого, чтобы воспроизвести песню. Проблема возникает, когда пользователь перезагружает страницу. То, что я хочу, это когда пользователь перезагружает страницу, я могу просто возобновить ту же песню. Вот какой код.

var song = manageAddSong.files[0]; 

Мне нужна эта переменная песни, чтобы она была постоянной. Могу ли я использовать localSotrage для этого?

localStorage.setItem("persistentSong",song); 

EDIT: Я также, скорее всего, собираюсь использовать массив JSON для хранения данных песни. Можно ли это сделать?

Answer 1

Да, вы можете использовать localStorage. Однако localStorage может хранить только строки, так что вам нужно, чтобы преобразовать объект в строку JSON:

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

И чтобы восстановить его позже:

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