Ответы:
Вы можете преобразовать изображение в код 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=='>
Поскольку вы упомянули «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)» рядом с расширением.
Нелокальные веб-страницы не могут получить доступ к локальным файлам в Chrome или любом современном веб-браузере.
Вы можете переопределить это, используя LocalLinks ( для Firefox ), но это будет работать только на вашем собственном компьютере.
about:blank
странице, и это не позволяло, я устал открывать локальный файл HTML, и он работал, даже для изображений, несмотря на то, что сказал @ WillemD'Haeseleer. Мой код был такой:drawing = new Image(); drawing.src = "C:/Users/S/Videos/net.png";
в Chrome это выглядит так
file:///C:/sample.txt
Если вы хотите протестировать локальное изображение на действующем сайте, вы можете запустить локальный веб-сервер и установить 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
В моем случае мне нужно было только посмотреть, как будет выглядеть одно небольшое изменение изображения в разных адаптивных размерах. Проще всего было сохранить как ... полную веб-страницу на рабочем столе, а затем открыть ее. Я проверяю и редактирую изображение src.
Хорошо, вы не можете просто позволить кому-то другому получить доступ к вашей локальной файловой системе! Вам понадобится серверная служба, такая как Apache, позволяющая вашему компьютеру работать 24 часа в сутки, следить за тем, чтобы он не перегревался, заботиться о хорошей безопасности и многое другое, чтобы сделать это возможным. А поскольку администрирование сервера стоит дорого и отнимает много времени, большинство людей позволяют профессионалам размещать наши материалы для нас (веб-хостинг).
В заключение, если вы не хотите запускать свой собственный сервер, гораздо проще просто загрузить его на ваш любимый веб-хостер.