javascript — html5 файл api, хранящий выбранный пользователем каталог в sessionStorage?

Я хотел бы сделать приложение, в котором пользователь может выбрать каталог на своем компьютере, и я могу ссылаться на изображения в этом каталоге через обновления страницы / etc. Например, пользователь выбирает каталог или просто несколько файлов изображений, а затем каждый раз, когда страница обновляется, отображает случайное изображение из выбранного каталога. Я не хочу, чтобы изображения загружались на мой сервер, а позволяю пользователям настраивать взаимодействие с ними, выбирая, какие изображения будут отображаться для каждого сеанса. Я знаю, что это звучит как очень неясный сценарий, но есть, по крайней мере, один круг людей, которых я знаю, которые действительно оценят эту функциональность.

Есть ли способ достичь этого с помощью HTML5-файла API?

В настоящее время я использую:

$imagesDir = 'random/';
$images = glob($imagesDir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
$randomImage = $images[array_rand($images)];

обслуживать случайное изображение из каталога на моем сервере при каждом обновлении страницы. Я бы хотел, чтобы пользователь мог заменить этот каталог каталогом, который он выбрал на своем компьютере.