Pregunta:
Fecha: 22-06-2018 15:05:32
(En Español)
Este es mi codigo:
¿Cómo poner una imagen a input type "file"?[Resuelta]
Hola amigos, me gustaría saber como puedo colocar una imagen que tengo a un input type"file"Este es mi codigo:
<input type="file" name="imagen" value="" />Votos: 0 - Respuestas: 12 - Vistas: 17 Compartir en: Google Facebook Twitter LinkedIn Link
Respuestas:
-
Fecha: 22-06-2018 15:36:15 Hola
Puedes hacerlo de la siguiente manera
<input type="image" src="img_submit.png" alt="Submit" width="48" height="48">
DEMO ONLINE
Debes colocar la ruta donde esta la imagen.
Espero que sea lo que andas buscando
Saludos Votos: 1 - Link respuesta -
Fecha: 23-06-2018 08:34:37 Es la primera vez que una respuesta de Walter no me funciona.
es entrado al DEMO ONLINE y he hecho lo que me has puesto con mi ruta de imagen y no ha funcionado, de todas formas, gracias por tu respuesta Votos: -1 - Link respuesta -
Fecha: 23-06-2018 13:19:25 Deberias ser mas especifico en lo que no te funciona y postear tu codigo. Sino es muy dificil que te puedan ayudar. Votos: 1 - Link respuesta
-
Fecha: 23-06-2018 17:36:18 Si entiendo bien quieres hacer una imagen q al hacer click funcione como un input file.
<input type="file" id='file_input' style="display:none;" /> <img src="image.png" id='image_input' /> <script type="text/javascript"> $('#image_input').on('click', function(){ $('#file_input').trigger('click'); }); </script>Votos: 2 - Link respuesta -
Fecha: 23-06-2018 23:00:22 No entiendo bien su pregunta compañero como una imagen en el campoo input? osea que en vez del boton salga una imagen y esta haga lo mismo o que en campo input file se agrege la ruta de la imagen o como? Votos: 2 - Link respuesta
-
Fecha: 24-06-2018 08:09:35 Lo que yo quiero es colocar una imagen en mi imput type file, en lugar de que me aprezca el boton que traen los navegadores por defecto
Este es mi codigo
<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1" enctype="multipart/form-data"> <table width="300" height="100" align="center"> <tr valign="baseline"> <td><input type="text" class="form-control" name="nombre" value="<?php echo htmlentities($row_myusuario['nombre'], ENT_COMPAT, ''); ?>" size="22" /></td> </tr> <tr valign="baseline"> <td><input type="text" class="form-control" name="apellido" value="<?php echo htmlentities($row_myusuario['apellido'], ENT_COMPAT, ''); ?>" size="22" /></td> </tr> <tr valign="baseline"> <td><input type="password" class="form-control" name="contrasenia" value="<?php echo htmlentities($row_myusuario['contrasenia'], ENT_COMPAT, ''); ?>" size="22" /></td> </tr> <tr valign="baseline"> <td><input type="file" name="foto" size="22" /><br></td> </tr> <tr valign="baseline"> <td nowrap="nowrap" class="btn btn-info" align="right"><a href="inicio.php">Volver<a/></td> <td align="center"><input class="btn btn-primary" type="submit" value="Guardar" /></td>Votos: 0 - Link respuesta -
Fecha: 24-06-2018 08:20:21 Lo ciento amigo Jorge Zabala, pero no me ha funcionado, solo me sale la imagen pero no funciona nada... Muchas gracias Votos: 0 - Link respuesta
-
Fecha: 24-06-2018 08:45:43 Olvide mencionar q use jquery. En lo que te pase se usa un input file invisible y una imagen, luego con jquery se toma el evento click en la imagen y se lanza el click del input file. Puedes hacer lo mismo usando solo javascript. Votos: 0 - Link respuesta
-
Fecha: 24-06-2018 12:58:24 Quiero decirles a todo que lo he resuelto con este video de YouTube
Personalizar input type="file"
Lo e hecho de este modo, aunque la funcion que yo queria en realidad era que al hacer clik en la imagen me apareciera la ventana de file
Otra pregunta seria como validar ese archivo que solo permita imagenes jpg y png.
Muchas gracias a todos por su ayuda Votos: 0 - Link respuesta -
Fecha: 24-06-2018 14:08:39 Que bueno que lo hayas podido resolver.
¿ Esta pregunta es la misma que has realizado anteriormente Mostrar una imagen en lugar de <input type"file">[NO RESUELTA] Fecha: 07-05-2018 22:07:19 ? a la cual te he repondido sin obtner el feedback.
Saludos Votos: 0 - Link respuesta -
Fecha: 24-06-2018 14:50:08 Ahora mismo brindo la informacion para que otras personas que hayan o puedan ver la prengunta en busca de google etc... puedan ver una forma de resorber esta pregunta Votos: 0 - Link respuesta
-
Fecha: 24-01-2024 08:41:54 <img src="../iconos/imagen.png" id="upfile" style="cursor:pointer" title="Cargar archivo" width="40" height="40">
<input type="file" id="sube_archivo" name="sube_archivo" style="display:none" />
<script>
$("#upfile").click(function ()
{
$("#sube_archivo").trigger('click');
});
</script> Votos: 1 - Link respuesta
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
