Я хотел бы иметь возможность указать локальный путь к файлу для изображения на веб-странице, доставляемой через http с помощью Chrome - возможно ли это?
Я помню, как делал это с помощью IE, но не помню как! Некоторые надежные настройки, я думаю ...
7 ответов
12
Вы можете преобразовать изображение в код base-64, например, с помощью « http://duri.me/ » и скопировать результат в браузер! Подобно:
<img width='16' height='16' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAApklEQVQ4jWP8//8/Ay5Q4s6GU7Jn5y9GBgYGBiacuokELKTYSpQByKB68UkMMUExQ0ZkPsVeYEQPREZGRpK8gOGCdy/PwTEyH8ZGF8MbBgwMDAxC4kZ4xfAaALMFGfz//5+6gYjXBS+fXUHhaxjEMqKrQXGBglU8SgyIS+mgYHR5DAPIAYz////HavL5DQVwtmHABAyND44tZGRgwBMG2DRhAxR7AQBhgT3yD6eBRwAAAABJRU5ErkJggg=='>
10
Поскольку вы упомянули «Chrome», вы можете использовать для этого расширения Chrome, чтобы разрешить локальный доступ к вашим файлам.
Следуй этим шагам:
1) В локальной папке, где находятся ваши изображения, создайте этот файл с именем manifest.json и введите его:
{
"name": "File Exposer",
"manifest_version": 2,
"version": "1.0",
"web_accessible_resources": ["*.jpg","*.JPG"]
}
2) Поместите это ваша адресная строка chrome: chrome://extensions/
3) Убедитесь, что «Режим разработчика» отмечен (вверху справа на странице)
4) Нажмите кнопку «Загрузить распакованное расширение».
5) Перейдите в локальную папку, в которой находятся изображения и файл manifest.json, нажмите кнопку ОК.
6) Расширение «File Exposer» теперь должно быть указано в списке и иметь галочку напротив «Enabled». Если папка находится на сетевом диске или другом медленном диске или содержит много файлов, отображение в списке может занять 10-20 секунд или более.
7) Обратите внимание на строку «ID», которая была связана с вашим расширением. Это EXTENSION_ID
8) Теперь в вашем HTML вы можете получить доступ к файлу с помощью следующего, изменив 'EXTERNSION_ID' на любой идентификатор, сгенерированный вашим расширением:
<img src='chrome-extension://EXTENSION_ID/example1.jpg'>
Обратите внимание, что * .jpg является рекурсивным и автоматически сопоставляет файлы в указанной папке и всех подпапках, указывать их не нужно для каждой подпапки. Также обратите внимание, его регистр чувствителен.
В теге 'img' вы не указываете исходную папку, ее родственник из этой папки, поэтому необходимо указывать только подпапки.
Если вы измените файл manifest.json, вам нужно будет щелкнуть ссылку «Обновить (Ctrl+R)» рядом с расширением.
6
Нелокальные веб-страницы не могут получить доступ к локальным файлам в Chrome или любом современном веб-браузере.
Вы можете переопределить это, используя LocalLinks (для Firefox), но это будет работать только на вашем собственном компьютере.
2
Если вы хотите протестировать локальное изображение на живом сайте, вы можете запустить локальный веб-сервер и установить URL-адрес, например http://127.0.0.1:8123/img.jpg, на странице с помощью DevTools.
Существуют разные способы запуска веб-сервера:1. Расширение для браузера «Веб-сервер для Chrome» с определенной папкой https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb
Если у вас есть Python, запустите встроенный http-сервер в выбранной папке
python3 -m http.server 8123 # версия python 3
python -m SimpleHTTPServer 8123 # версия Python 2Используйте готовый к работе сервер, такой как nginx, apache
2
в Chrome это выглядит так
file:///C:/sample.txt
0
В моем случае мне нужно было только посмотреть, как будет выглядеть одно маленькое изменение изображения при разных адаптивных размерах. Проще было сохранить как ... полную веб-страницу на рабочем столе, а затем открыть ее. Я проверяю и редактирую изображение src.
-1
Хорошо, вы не можете просто позволить кому-то другому получить доступ к вашей локальной файловой системе! Вам понадобится серверная служба, такая как Apache, позволяющая вашему компьютеру работать 24 часа в сутки, следить за тем, чтобы он не перегревался, заботиться о хорошей безопасности и многое другое, чтобы сделать это возможным. А поскольку администрирование сервера стоит дорого и отнимает много времени, большинство людей позволяют профессионалам размещать наши материалы для нас (веб-хостинг).
В заключение, если вы не хотите запускать свой собственный сервер, гораздо проще просто загрузить его на ваш любимый веб-хостер.