Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Como subir un formulario sin el "submit"

Hola a todos, supongamos que tenemos un formulario como el siguiente:
                <form action="index.php" method="post" enctype="multipart/form-data">           
                    <input type="file" name="imagen" multiple="true"  id="boton"  style="width:400px;" />
                    <input type="submit" name="subir" value="Subir Imagen" class="upload" />
                 </form>
Queria saber como puedo hacer para que cuando alguien hace click en el boton examinar (el input type "file"), y seleccione un archivo, automaticamente lo suba, y en este caso, te lleve al index.php
Se que puedo agregar un "onchange", pero nose bien como funciona. Yo dejo mi codigo asi:
                 <form action="index.php" method="post" enctype="multipart/form-data">        
                     <input type="file" onchange="this.form.submit()" name="imagen" multiple="true"  id="boton"  style="width:400px;" />
                    </form>
Y al seleccionar una imagen, me lleva al index (que asi es como yo lo quiero) pero no me muestra la imagen que seleccione.
Pero nose si tengo que cambiar algo del onchange.
Desde ya muchas gracias!
0
Puntos
4762
Visitas
5
Resp
Por rhcp-hero hace 110 meses
Principiante
Respuesta #1
Hola, el formulario lo tienes bien solo te falta que cuando se envíe te suba la imagen al servidor es por eso que no puedes ver en el index, voy encaminado o no es esa tu consulta?

Saludos
0
Puntos
Por alber hace 110 meses
Administrador
Respuesta #2
te dejo un ejemplo completo solo tienes que probarlo en un nuevo documento php, si le ves alguna pega comenta:
<?php 
if (isset($_FILES['imagen'])){
	
	move_uploaded_file($_FILES['imagen']['tmp_name'], $_FILES['imagen']['name']); //En 
}
?>


<form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post" enctype="multipart/form-data">        
<input type="file" onchange="this.form.submit()" name="imagen"/>
</form>



<?php if (isset($_FILES['imagen'])){?>
<img src="<?php echo $_FILES['imagen']['name'] ?>" style="max-width:400px">
<?php }?>
5
Puntos
Por alber hace 110 meses
Administrador
Respuesta #3
Genial alber, me quedo perfecto, muchas gracias!!
5
Puntos
Por rhcp-hero hace 110 meses
Principiante
Respuesta #4
rhcp-hero dijo:
Genial alber, me quedo perfecto, muchas gracias!!
ok damos el tema como solucionado, para cualquier otra duda aquí estamos ;)
10
Puntos
Por alber hace 110 meses
Administrador
Respuesta #5
"Respuesta #2
te dejo un ejemplo completo solo tienes que probarlo en un nuevo documento php, si le ves alguna pega comenta:
<?php 
if (isset($_FILES['imagen'])){
	
	move_uploaded_file($_FILES['imagen']['tmp_name'], $_FILES['imagen']['name']); //En 
}
?>


<form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post" enctype="multipart/form-data">        
<input type="file" onchange="this.form.submit()" name="imagen"/>
</form>



<?php if (isset($_FILES['imagen'])){?>
<img src="<?php echo $_FILES['imagen']['name'] ?>" style="max-width:400px">
<?php }?>
"
perdón citar así no se como hacerlo, tengo una duda donde puedo modificar para que me guarde en una carpeta especifica las imágenes?
1
Puntos
Por jakegr hace 90 meses
Principiante
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate