Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/05/2015, 12:23
helacer
 
Fecha de Ingreso: mayo-2006
Ubicación: Bogotá
Mensajes: 2.061
Antigüedad: 18 años
Puntos: 50
Como reemplazar input file con imagen

Buenas

Tengo un formulario . entre los campos tengo un input file... la idea es que el usuario no de click directamente al input sino que este salga oculto y al dar click sobre la imagen pueda reemplazarla por otra.


Tengo esto.


Código HTML:
<label for="form_picture">
            <img id="img_form" src="icon_img.jpg' />
</label>
<input type="file" id="form_picture"> <!-- Este input se ocultara con css --> 


Teniendo el lavel con el mismo id del input ya funciona que cuando do y click en la imagen se abre la ventana para buscar la imagen... pero al seleccionar la imagen no me asigna el valor al input.... y cuando recibo con PHP los datos del form el campo de la imagen viene vacio :(


// También intente con un trigger jquery para que cuando diera click sobre la imagen simulara el click sobre el input pero pasa lo mismo si abre la ventana para seleccionar la imagen a cargar pero nunca asigna el archivo al input!!!


Saben que debo hacer para que esto funcione? gracias!