Как правильно прописать адрес файла изображения, который находится в корне локального диска С моего жесткого в html документе?

Question

[larka_skaz]

Добрый день всем. Ситуация такая. Есть свёрстанный сайт, залитый на хостинг. Мне нужно отредактировать некоторые изображения. Перед тем как отдавать разработчикам, я хотела бы посмотреть как эти изображения "сядут" в верстку. Можно ли как-то через инспектор с браузере изменить адрес изображения,чтобы грузилось мое новое изображения с локального диска, а не то что уже на хостинге? Если конкретно, то как правильно указать адрес тут :
<img src="адрес к файлу на диске с" alt=""> ?

Comments

[Дмитрий]

Добрый вечер.
Если сайт на хостинге, а изображения на Вашем локальном компьютере - никак.
Грузите на сайт изображения.

[alex]

никак. либо на хостинг заливайте, либо в облако. если не хочется заморачиваться можно изображения залить в личку к себе в ВК. и от туда ссылки вставить через инспектор

[RAX7]

Можно локальный сервер запустить и с него уже картинки через инспектор браузера вставлять.

[Михаил Проскурин]

Не злоупотребляйте пожалуйста тегами, тут хватило бы тега "верстка", в крайнем случае можно добавить "html", но никак не дизайн

Answer 1

[Владимир Проскурин]

Никак, в целях безопасности, иначе сайты могли бы подбором пытаться скачать картинку с диска пользователя.
Для тестов можете развернуть просто статичный сервер, типа https://www.npmjs.com/package/static-server или же преобразовывать картинку в base64, и просто вставлять в атрибут src. Пример

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==">

Answer 2

[Robur]

можно запустить хром с флагом "--allow-file-access-from-files" тогда он даст загрузить файл если через инспектор поставить ссылку вида "file:///c:/file.jpg".
Но это если один раз и по быстрому что-то нужно проверить, лучше всего сделать так как вам советуют выше - поднять локальный сервер и проверять все на нем.