Respuestas:
¡puede convertir la imagen a código base 64, por ejemplo con " http://duri.me/ " y copiar el resultado al navegador! Me gusta:
<img width='16' height='16' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAApklEQVQ4jWP8//8/Ay5Q4s6GU7Jn5y9GBgYGBiacuokELKTYSpQByKB68UkMMUExQ0ZkPsVeYEQPREZGRpK8gOGCdy/PwTEyH8ZGF8MbBgwMDAxC4kZ4xfAaALMFGfz//5+6gYjXBS+fXUHhaxjEMqKrQXGBglU8SgyIS+mgYHR5DAPIAYz////HavL5DQVwtmHABAyND44tZGRgwBMG2DRhAxR7AQBhgT3yD6eBRwAAAABJRU5ErkJggg=='>
Como mencionó 'Chrome', podría usar extensiones de Chrome para hacer esto, para permitir el acceso local a sus archivos.
Sigue estos pasos:
1) En la carpeta local donde están sus imágenes, cree este archivo llamado 'manifest.json' e ingrese esto:
{
"name": "File Exposer",
"manifest_version": 2,
"version": "1.0",
"web_accessible_resources": ["*.jpg","*.JPG"]
}
2) Ponga esta es su barra de direcciones de Chrome: Chrome: // extensiones /
3) Asegúrese de que el 'Modo desarrollador' esté marcado (arriba a la derecha de la página)
4) Haga clic en el botón 'Cargar extensión desempaquetada'
5) Navegue a la carpeta local donde se encuentran las imágenes y el archivo manifest.json, haga clic en Aceptar
6) La extensión 'File Exposer' ahora debería aparecer en la lista y tener una marca de verificación contra 'Enabled'. Si la carpeta está en una unidad de red u otra unidad lenta o tiene muchos archivos, podría tardar entre 10 y 20 segundos o más en aparecer en la lista.
7) Tenga en cuenta la cadena 'ID' que se ha asociado con su extensión. Este es el EXTENSION_ID
8) Ahora en su HTML puede acceder al archivo con lo siguiente, cambiando el 'EXTERNSION_ID' a cualquier ID que genere su extensión:
<img src='chrome-extension://EXTENSION_ID/example1.jpg'>
Tenga en cuenta que el * .jpg es recursivo y coincidirá automáticamente con los archivos en la carpeta especificada y todas las subcarpetas, no necesita especificar para cada subcarpeta. También tenga en cuenta que es sensible a mayúsculas y minúsculas.
En la etiqueta 'img' no especifique la carpeta original, su pariente de esa carpeta, por lo que solo se deben especificar las subcarpetas.
Si modifica el archivo manifest.json, deberá hacer clic en el enlace 'Recargar (Ctrl + R)' al lado de la extensión.
Las páginas web no locales no pueden acceder a archivos locales en Chrome ni en ningún navegador web moderno.
Puede anular esto usando LocalLinks ( para Firefox ), pero solo funcionará en su propia máquina.
about:blank
página y no me lo permitía, me cansé de abrir un archivo HTML local y funcionó, incluso para imágenes a pesar de lo que dijo @ WillemD'Haeseleer. Mi código fue este:drawing = new Image(); drawing.src = "C:/Users/S/Videos/net.png";
en Chrome esto se ve así
file:///C:/sample.txt
Si desea probar la imagen local en el sitio en vivo, puede ejecutar el servidor web local y configurar la URL como http://127.0.0.1:8123/img.jpg en la página usando DevTools
Hay diferentes maneras de ejecutar un servidor web: 1. Extensión para el navegador "Servidor web para Chrome" con la carpeta definida https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb
Si tiene Python, ejecute el servidor http incorporado en la carpeta elegida
python3 -m http.server 8123 # versión de
python 3 python -m SimpleHTTPServer 8123 # versión de python 2
En mi caso, solo necesitaba ver cómo se vería un pequeño cambio de imagen en diferentes tamaños de respuesta. Fue más fácil guardar como ... una página web completa en el escritorio y luego abrirla. Inspecciono y edito la imagen src.
¡Bien, no puedes dejar que otra persona acceda a tu sistema de archivos local! Necesitaría un servicio de servidor como Apache, deje que su computadora funcione las 24 horas del día, asegúrese de que no se sobrecaliente, cuide la buena seguridad y mucho más para que eso sea posible. Y debido a que la administración del servidor es costosa y requiere mucho tiempo, la mayoría de las personas dejan que los profesionales alojen nuestras cosas por nosotros (Webhosting).
En conclusión, si no desea ejecutar su propio servidor, es mucho más fácil simplemente cargarlo en su webhoster de elección.