elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.


 


Tema destacado: [Aporte] Mejores practicas en Java


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Abrir input file al dar clic a una imagen
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Abrir input file al dar clic a una imagen  (Leído 169 veces)
Hermer

Desconectado Desconectado

Mensajes: 10


Ver Perfil
Abrir input file al dar clic a una imagen
« en: 9 Octubre 2017, 05:09 »

Básicamente lo que quiero es que cuando al dar clic a esta imagen:

se abra un input file como este:


En línea

engel lex
CoAdmin
***
Desconectado Desconectado

Mensajes: 12.758



Ver Perfil
Re: Abrir input file al dar clic a una imagen
« Respuesta #1 en: 9 Octubre 2017, 05:28 »

podrías usar un label para sumplantar al boton y como el label es tan flexible como un div podrías hacer cualquier cosa

el css
Código
  1. .imagen-para-archivo input {
  2.  display:none;
  3. /*si lo de arriba no funciona bien usar
  4.   visibility:hidden;*/
  5. }

el html
Código
  1. <div class="imagen-para-archivo">
  2.  <label for="boton-archivo">
  3.    <img src="imagen.jpg" />
  4.  </label>
  5.  
  6.  <input id="boton-archivo" type="file" />
  7. </div>


En línea

El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Como estilizar los input de tipo file
Desarrollo Web
coolfrog 6 4,412 Último mensaje 26 Septiembre 2007, 16:28
por Azielito
obtener path de un input file en PHP?
PHP
Legnak 3 948 Último mensaje 22 Junio 2014, 04:15
por engel lex
Cambiar imagen de un IMG desde un input file sin hacer ajax o cosas asi
Desarrollo Web
spysecurityca 1 610 Último mensaje 6 Julio 2015, 02:34
por Usuario Invitado
input type file no sube archivos
Desarrollo Web
gAb1 0 833 Último mensaje 7 Noviembre 2015, 05:41
por gAb1
File input Boostrap
Desarrollo Web
mefis1982 1 423 Último mensaje 24 Noviembre 2016, 09:27
por eLank0
Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines