Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: milya777 en 23 Marzo 2011, 21:20 pm



Título: Poner imagenes en html
Publicado por: milya777 en 23 Marzo 2011, 21:20 pm
Hola que tal ? mi problema es que tengo un servidor en el cual muestro por pantalla texto e imágenes en html , el tema es que las imágenes que muestro las tengo que subir a una página y luego de ahí tengo q mostrar la url de la pagina para poder verlas, con eso no tengo problemas pero cuando quiero mostrar una imagen que está en mi pc no puedo hacerlo ,

esto es lo que hago ahora

<IMG SRC="http://www.subirimagen.org/host1/images/6946zlher.png" WIDTH=800 HEIGTH=1000>

pero lo que quiero hacer es

<IMG SRC="6946zlher.png" WIDTH=800 HEIGTH=1000>

donde 6946zlher.png está alojada en mi pc en el mismo lugar donde está el html

bueno espero que me puedan ayudar ya que quiero poner las imagenes desde mi pc y no desde la web

gracias ¡¡¡


Título: Re: Poner imagenes en html
Publicado por: Devilboy.Devil en 23 Marzo 2011, 21:25 pm
fijate que el nombre y la extension de la imagen sean identicas

xq el code si funciona


Título: Re: Poner imagenes en html
Publicado por: madpitbull_99 en 23 Marzo 2011, 21:34 pm
Tal vez sea porque se escribe HEIGHT y no HEIGTH.

Supongo que la pagina la estas viendo en local, porque de estar subida a un webhost remoto no se puede enlazar a una imagen de tu pc.


PD: Esto va en Desarrollo Web


Título: Re: Poner imagenes en html
Publicado por: milya777 en 23 Marzo 2011, 21:37 pm
fijate que el nombre y la extension de la imagen sean identicas

xq el code si funciona


si lo probé otra vez pero no me anda, me pone el cuadrito con la x como que no encontro la imagen, copié la url y me pone esto http://127.0.0.1:8080/escuelas/ccc.jpg la imagen está donde con los .html ahí me pone una carpeta escuelas que también la creé y puse la imagen ahí pero no me reconoce la imagen tampoco, el tema que me está buscando la imagen en mi servidor y no la encuentra

Tal vez sea porque se escribe HEIGHT y no HEIGTH.

Supongo que la pagina la estas viendo en local, porque de estar subida a un webhost remoto no se puede enlazar a una imagen de tu pc.


PD: Esto va en Desarrollo Web

disculpa no entiendo lo de webhost remoto, yo hice un servidor en windows en c y lo que hago es levantarlo  y con el browser conectarme y ver lo que tengo adentro





Título: Re: Poner imagenes en html
Publicado por: milya777 en 23 Marzo 2011, 21:40 pm
ahh y lo de HEIGHT lo cambié como dijiste pero no era eso


Título: Re: Poner imagenes en html
Publicado por: Akai en 23 Marzo 2011, 22:04 pm
prueba con:

Código:
file://C:/ruta/imagen.png

PD: html NO es un lenguaje de programación :P


Título: Re: Poner imagenes en html
Publicado por: milya777 en 23 Marzo 2011, 22:30 pm
lo probé pero no me funciona

probé

file://C:/ruta/imagen.png

C:\ruta\imagen.png porq en windows cuando copio la dirección me la pegaba así pero tampoco me funciona



Título: Re: Poner imagenes en html
Publicado por: Akai en 23 Marzo 2011, 22:45 pm
*facepalm*
Era un ejemplo:

file://ruta

donde ruta pueda ser C:/Usuarios/administrador/imagen1.jpg o la ruta que te de la gana poner.


Título: Re: Poner imagenes en html
Publicado por: milya777 en 24 Marzo 2011, 02:26 am
jaja si ya se, lo que puse yo también era un ejemplo


Título: Re: Poner imagenes en html
Publicado por: milya777 en 24 Marzo 2011, 03:48 am
O sea repito cuando pongo la imagen en el directorio por ejemplo c:/escuelas/ccc.jpg y pongo la ruta anterior en el html cuando muestro por pantalla busca la imagen en http://127.0.0.1:8080/c:/escuelas/ccc.jpg, como se esto porq copio la url de la imagen y así me lo pone y no se porq la busca en mi servidor , alguien sabe si tengo q especificar algún atributo para que busque en mi pc

gracias


Título: Re: Poner imagenes en html
Publicado por: milya777 en 26 Marzo 2011, 00:15 am
hola, en internet explorer anda perfecto  pero en mozilla y google chrome no, lo q hago es como ustedes dijeron

<img src="file:///C:/stumusica.jpg" >

lo que pasaba es q yo solo probaba en chrome, alguien sabe porque puedo verlo en en este y no en los otros dos

gracias


Título: Re: Poner imagenes en html
Publicado por: Shell Root en 26 Marzo 2011, 00:26 am
No entiendo para que poner el file en el path, si cambia cuando lo hagas en otro P.C. Deberías de ponerlo así,
Código
  1. <img src='img/PoC.jpg' />

Donde img es la carpeta donde guardarás todas las imagenes y PoC.jpg el nombre de la imagen.


Título: Re: Poner imagenes en html
Publicado por: milya777 en 26 Marzo 2011, 00:43 am
hice como me dijiste pero no aparece la imagen en el chrome

pongo file en el path porq si hago como vos me decis la url de la imagen cuando veo el código en el chrome me lo pone así

http://127.0.0.1:8080/imagenes/stumusica.jpg

y no me muestra la imagen

otra cosa cuando pongo

file:///C:/imagenes/stumusica.jpg en la barra de direcciones del chrome me muestra la imagen pero cuando la envió en el html no  lo hace

gracias



Título: Re: Poner imagenes en html
Publicado por: Shell Root en 26 Marzo 2011, 04:03 am
Yo también tengo Google Chrome, y sí me funciona. Muéstrame el código que pusiste.


Título: Re: Poner imagenes en html
Publicado por: milya777 en 26 Marzo 2011, 12:27 pm
Este es el código

<img src='escuelas/stumusica.jpg' />

en la carpeta que tengo el html tengo una carpeta que es escuelas y adentro está el archivo stumusica.jpg


Título: Re: Poner imagenes en html
Publicado por: milya777 en 28 Marzo 2011, 05:29 am
alguien tiene alguna idea de porq puede no mostrarme la imagen , yo se que lo que estoy poniendo está bien porq lo corroboro con lo que ustedes me dicen,

necesito su ayuda gracias


Título: Re: Poner imagenes en html
Publicado por: RedZer en 28 Marzo 2011, 06:50 am
Este es el código

<img src='escuelas/stumusica.jpg' />

en la carpeta que tengo el html tengo una carpeta que es escuelas y adentro está el archivo stumusica.jpg

mm esta raro seguro que la extensión del archivo es jpg??
prueba poniendo las comillas dobles
<img src="escuelas/fondo.jpg" width="128" height="168" />


Título: Re: Poner imagenes en html
Publicado por: milya777 en 29 Marzo 2011, 04:27 am
mm esta raro seguro que la extensión del archivo es jpg??
prueba poniendo las comillas dobles
<img src="escuelas/fondo.jpg" width="128" height="168" />

sisi la extensión del archivo es jpg probé como vos dijiste pero es igual me muestra como que la imagen no está, y  cuando copio el url de donde está buscando la imagen me pone este url http://127.0.0.1:4098/escuelas/escuelas/stumusica.jpg

gracias por responder


Título: Re: Poner imagenes en html
Publicado por: RyogiShiki en 29 Marzo 2011, 04:56 am
prueba cerrando la etiqueta img con una etiqueta de cerrado y no en ella misma:

Código
  1. <p><img src="ruta/imagen.jpg" width="30" height="30" alt=""></img></p>

En width pones el ancho de la imagen, en height la altura, y en alt un texto por si no se muestra la img. siempre es bueno poner estos valores por cuestioens de renderizado y accesibilidad los valores que puse son ejemplos, cambialos por el tamaño real de la img.

Siempre es bueno que todo esté dentro de una parrafo (<p></p>) pero puedes omitir esto.

Ah y por cierto la url quenos diste solo te va a funcionar a tí porque se está refiriendo a tu propia máquina (127.0.0.1).

--
Otra cosa, prueba el archivo html (junto con la imagen claro está) de manera local, debería funcionar bien, si el problema es solo en el servidor pues problema de la configuración del servidor.
Saludos


Título: Re: Poner imagenes en html
Publicado por: milya777 en 30 Marzo 2011, 03:57 am
prueba cerrando la etiqueta img con una etiqueta de cerrado y no en ella misma:

Código
  1. <p><img src="ruta/imagen.jpg" width="30" height="30" alt=""></img></p>

En width pones el ancho de la imagen, en height la altura, y en alt un texto por si no se muestra la img. siempre es bueno poner estos valores por cuestioens de renderizado y accesibilidad los valores que puse son ejemplos, cambialos por el tamaño real de la img.

Siempre es bueno que todo esté dentro de una parrafo (<p></p>) pero puedes omitir esto.

Ah y por cierto la url quenos diste solo te va a funcionar a tí porque se está refiriendo a tu propia máquina (127.0.0.1).

--
Otra cosa, prueba el archivo html (junto con la imagen claro está) de manera local, debería funcionar bien, si el problema es solo en el servidor pues problema de la configuración del servidor.
Saludos


Hice tal cual me dijiste y sigue pasando lo mismo, no creo que sea el servidor porq el internet explorer me muestra la imagen con la altura y el ancho que yo le ponga

y sobre este url: http ://127.0.0.1:4098/escuelas/escuelas/stumusica.jpg  que puse quise decir que cuando pongo la direccion de la imagen en el html como esto:

<img src="ruta/imagen.jpg" width="30" height="30" alt=""></img> cuando envío

el mensaje en html al browser, y veo lo que el mismo me muestra cuando voy a ver la foto no está y cuando copio el url que tiene la misma me pone http ://127.0.0.1:4098/ruta/imagen.jpg (lo pongo como ejemplo)

no se que puede ser ya que el internet explorer me muestra todo bien

bueno gracias


Título: Re: Poner imagenes en html
Publicado por: milya777 en 2 Abril 2011, 10:04 am
Hola sigo con el tema de no poder ver la imagen en el los browsers mozilla y chrome, pero ahora me di cuenta de otra cosa, cuando abro el html en cualquiera de los browsers los abren bien, o sea me muestra la imagen, pero cuando levanto al html desde mi servidor y lo envío para verlo en el navegador ahí no me muestra la imagen y me muestra el siguiente error cuando inspecciono el html desde el browser

Not allowed to load local resource: file:///C:/escuelas/estumusica.jpg

no entiendo porque si cuando abro el html solo, me lo muestra perfecto

bueno gracias por su ayuda





Título: Re: Poner imagenes en html
Publicado por: Nakp en 2 Abril 2011, 10:46 am
si la abres desde el servidor debes poner la url EN EL SERVIDOR, no la ruta de archivo local ;)


Título: Re: Poner imagenes en html
Publicado por: milya777 en 2 Abril 2011, 20:30 pm
si la abres desde el servidor debes poner la url EN EL SERVIDOR, no la ruta de archivo local ;)


no entiendo muy bien, o sea que no puedo abrir un archivo desde mi servidor porq lo busca en el mismo? a lo q te referís es que ponga una url de un sitio en donde esté alojala la imagen?

me podrías dar un ejemplo de como poner la url en el servidor,

muchas gracias!!