Quiero mostrar una imagen en una página web utilizando HTML <img> etiqueta.

He guardado la imagen en mi disco duro local.

Cómo lograr esto?

El código:

<img src="D:\Images\TechnipLogo.jpg">

Imagen no se muestra.

  • acaba de hacer <img src="images/my-image.jpg">
InformationsquelleAutor Stephen L | 2014-02-12

7 Comentarios

  1. 6

    Debe utilizar la ruta correcta local de tu PC y la letra de Unidad correcta. A continuación, cambie el backslashs () para barras diagonales (/) y add file:///antes de la ruta, así:

    <img src="D:\Images\TechnipLogo.jpg">

    se convierte en:

    <img src="file:///D:/Images/TechnipLogo.jpg">

    **Por favor, también tenga en cuenta que en Chrome y, posiblemente, otros navegadores, usted no puede ser capaz de utilizar un archivo local/imagen en un sitio que no está alojado localmente. Por favor hacer referencia a este post: No se puede abrir el archivo local – Chrome: No se permite la carga de recursos locales

  2. 2

    Lo que usted está tratando de lograr es una característica de seguridad presentes en todos los navegadores modernos.

    Que podría hacer que sólo si se ejecuta el archivo html almacenados localmente – no va a funcionar una vez que se instala en un servidor web.

    Si usted realmente tiene que hacer eso, usted podría construir una extensión para el navegador – extensiones de Firefox y el IE extensiones pueden acceder a los recursos locales. Chrome es mucho más restrictivo sin embargo.

    • La respuesta correcta. De la información», que podría hacer que sólo si se ejecuta el archivo html almacenados localmente» es suficiente para entender el problema. Gracias mucho @korhner
  3. 1

    cuando usted la página web cargada en los visitantes con sus navegadores de internet

    su ruta de la imagen en la etiqueta img en el punto justo para su sistema de ficheros localtion no el archivo
    systemlocation

    debe cargar su img en tu servidor web como apache o iis o ubicación de host y la ruta de la etiqueta img con este público de la ruta de la imagen

    para más detalle puede buscar sobre el concepto cliente-servidor en internet y la web

    pero si te refieres en tu navegador no mostrar su refieren a cuestiones de seguridad

    ser exitoso

  4. 1

    Que no se puede lograr O no lograr. La vinculación de los archivos en su ordenador no funcionará cuando se carga la página web. Usted debe mover las imágenes en la misma carpeta como tu index.html o hacer una carpeta en la misma carpeta que el index.html a continuación, puede refrence el archivo como este:

    <img src="Images\TechnipLogo.jpg" />
  5. 1

    Quiero mostrar mi imagen en la página web utilizando html

    Si usted está mostrando la imagen de su página web, el archivo de imagen tiene que estar en su servidor web sólo.

    No se puede mostrar desde el sistema local, como se Muestra el archivo desde el servidor web sólo.

  6. 1

    Su imagen debe estar en una ruta de acceso relativa, no absoluta.

    Decir que su archivo html está en D:\myhtml\home.html. Copia de la carpeta de Imágenes en myhtml. A continuación, cambie el código para <img src="Images\TechnipLogo.jpg" />.

    Espero que esto ayude

  7. 0

    Bien, ya que hay muchos temas con los diferentes navegadores y así con Apache caminos config, he intentado de todas las formas posibles de archivo: file://c: c| y ninguno de ellos funcionó en mi Firefox 57.0 en W7, así que no hay una solución rápida (si utiliza php). Acabo de llamar a un archivo «embedIMG.php» con este contenido:

      <?php
    
         $file = $_GET["imgg"];
         $type = 'image/jpeg'; //or whatsoever
         header('Content-Type:'.$type);
         header('Content-Length: ' . filesize($file));
         $img = file_get_contents($file);
         echo $img;
    
         exit();
    
     ?>  

    Llaman a esto «embedIMG.php» a partir de su etiqueta img:

       <img src="embedIMG.php?imgg=THEPATHTOYOURIMAGE">

    THEPATHTOYOURIMAGE será la ruta de acceso a su imagen «D:\Images\TechnipLogo.jpg» es mejor hacerlo de esta manera «D:/Images/TechnipLogo.jpg» con el común de barras en las Ventanas. Si usted tiene espacios o caracteres especiales en su camino tendrá que declarar con urlencode() función:

      <?php  $THEPATHTOYOURIMAGE=urlencode($THEPATHTOYOURIMAGE); ?>

Dejar respuesta

Please enter your comment!
Please enter your name here