Как открыть локальные изображения из браузера и отобразить их в центре страницы?

Question

Я хочу, чтобы мой браузер открыл мои локальные изображения и разместил их в центре моего браузера.Единственный способ, о котором я могу подумать, - это кодирование файла HTML + CSS, но я не хочу использовать PHP или ASP.NET, потому что я не хочу запускать сервер.Таким образом, javascript является решением этой проблемы.

Итак, есть ли способ для файла HTML + Javascript отображать список моих локальных файлов, и после нажатия на изображение, которое я хочу, имя изображения, которое будет сохраненов переменную, чтобы отобразить это изображение в моем html с img src, используя нужный мне стиль css?

Заранее спасибо!

Answer 1

Это возможно только с какой-то специальной файловой системой, основанной на XML (я видел это однажды)

Вам необходимо создать индексный файл XML (или другой формат, который вы можете получить с помощью веб-запросов XMLHTTP и проанализировать с помощью JavaScript), который содержит всю информацию об изображениях (расположение системы, возможно, какой-то идентификатор, атрибуты alt / title и т. Д. .)

Затем вы загружаете этот файл с запросом XMLHTTP, анализируете данные и распечатываете их как HTML с правильными ссылками на изображения.

Сам JavaScript не может прочитать файловую систему, он может запрашивать только отдельные файлы

Answer 2

Доступ к локальной файловой системе из Javascript внутри браузера - это довольно запретная вещь. См этот связанный вопрос .