Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Previsualizar imagenes

Estas en el tema de Previsualizar imagenes en el foro de Javascript en Foros del Web. Hola me gustaria poder tener un input type=file que cargue una imagen de perfil y que esta se pueda previsualizar antes de hacer un submit, ...
  #1 (permalink)  
Antiguo 23/05/2012, 19:56
Avatar de jonni09lo
Colaborador
 
Fecha de Ingreso: septiembre-2011
Ubicación: Estigia
Mensajes: 1.471
Antigüedad: 12 años, 9 meses
Puntos: 397
Previsualizar imagenes

Hola me gustaria poder tener un input type=file que cargue una imagen de perfil y que esta se pueda previsualizar antes de hacer un submit, alguna idea de como hacerlo??? gracias
__________________
Haz preguntas inteligentes-Como ser Hacker
No hacer preguntas por mensaje privado. No sólo no es inteligente sino que es egoísta.
  #2 (permalink)  
Antiguo 24/05/2012, 10:27
Avatar de jonni09lo
Colaborador
 
Fecha de Ingreso: septiembre-2011
Ubicación: Estigia
Mensajes: 1.471
Antigüedad: 12 años, 9 meses
Puntos: 397
Respuesta: Previsualizar imagenes

Tengo este cod
Código Javascript:
Ver original
  1. function preview(){
  2.     alert(document.form.Avatar);
  3.     var img = document.form.Avatar;
  4.     var elem = document.getElementById('preview');
  5.     elem.style.backgroundImage = "url("+img+");";  
  6. }

Código HTML:
Ver original
  1. <label for="Avatar">Avatar: <div id="preview"></div></label>
  2. <input type="file" onchange="preview();" id="Avatar" name="Avatar" />
Cuando pruebo ese codigo me sale un alert que dice [object HTMLInput Object], alguna idea de como insertar esa imagen en el div?
__________________
Haz preguntas inteligentes-Como ser Hacker
No hacer preguntas por mensaje privado. No sólo no es inteligente sino que es egoísta.

Etiquetas: imagenes, input, previsualizar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:25.