como hacer un upload multiple files upload paso a paso con php js mysql sin recargar mi pagina
entre Desarrolladores
Recibe ayuda de expertos
Registrate y pregunta
Es gratis y fácil
Recibe respuestas
Respuestas, votos y comentarios
Vota y selecciona respuestas
Recibe puntos, vota y da la solución
Pregunta
3 Respuestas
Hola Antonio,
le pregunta es un poco larga de responder, por todo el código a generar.
Te envío varios ejemplos que explican paso a paso el proceso, y también una explicación para hacerlo usando la biblioteca JavaScript JQuery:
Tutorial paso a paso:
http://www.ajaxf1.com/tutorial/ajax-file-upload-tutorial.html
Conceptos y teoría:
http://www.openjs.com/articles/ajax/ajax_file_upload/
Ejemplo usando JQuery:
http://www.saaraan.com/2012/06/ajax-file-upload-with-php-and-jquery
Si estás usando HTML5 podés hacerlo para múltiples archivos simplemente agregando el atributo "multiple" al input:
<input type="file" name="archivo" id="archivo" multiple />
y luego procesando cada entrada. Si lo estás haciendo para versiones anteriores de HTML, bastaría con generar más input de tipo file y procesarlos.
Saludos cordiales!
Por favor, accede o regístrate para añadir un comentario.
Para poder realizar la subida de multiples archivos sin recargar la página puedes hacerlo mediante AJAX. Para ello creas un formulario en HTML normal y corriente.
<form id="formulario" action="" method="POST" enctype="multipart/form-data">
<input type="file" name="archivos[]" multiple>
</form>
<a href="javascript:enviaForm()">Enviar!</a>
Fíjate en que el action
del formularía lo he dejado vacío porque sera la función de javascript enviaForm()
la que se encargara de enviar los datos al servidor.
Ahora definimos la función enviaForm() en javascript:
function enviaForm(){
var form = new FormData(document.forms.namedItem("formulario"));
$.ajax({
url: "subir.php",
type: "POST",
data: form,
cache: false,
processData: false,
contentType: false,
success:
document.getElementById("formulario").reset();
});
}
En la primera sentencia de la función almacenas todos los datos del formulario en una variable form
del tipo formData
. Y después enviamos mediante AJAX el formulario.
url
: especifica la dirección del archivo PHP que manejará los datos en el servidor.
type
: especifica el metodo de envío. En este casi POST
data
: son los datos que se envían. En este caso el formulario completo.
'contentTypey
processData' : se utilizan para que acepte cualquier tipo de datos y no procese los datos.
success
: especifica que realizar si el envío ha sido correcto. En este caso hace un reset del formulario.
Y por último en el lado del servidor puedes acceder a los archivos enviados por el formulario mediante la variable $_FILES
foreach ($_FILES["archivos"]["error"] as $key => $value) {
if ($value == UPLOAD_ERR_OK) {
$tmp_name = $_FILES["archivos"]["tmp_name"][$key];
$name = $_FILES["archivos"]["name"][$key];
if(!move_uploaded_file($tmp_name, "$path".$name)){
$error = "Error al guardar el archivo: ".$name."<br>";
}
}
}
Por favor, accede o regístrate para añadir un comentario.
Creo algo si es lo que buscaba solo tratare de adecuarlo a mi proyecto y ver si puedo colocarle un progressbar. Pero muchas gracias por ayudarme.
Por favor, accede o regístrate para añadir un comentario.
Por favor, accede o regístrate para responder a esta pregunta.
En el blog
-
- 406869
- 1
- Jul 5, 2015
Sin Respuesta
-
- 99
- 0
- Mar 19
-
- 65
- 1
- Feb 26
-
- 155
- 0
- Ene 30
-
- 604
- 0
- Nov 7, 2023
-
- 260
- 0
- Sep 19, 2023
-
- 286
- 0
- Ago 21, 2023
-
- 364
- 0
- May 14, 2023
-
- 324
- 0
- Abr 21, 2023
- ver todas
Actividad Reciente
Santiago2610 comentó hace 5 días
Acualizar ChoiceField en djangoSantiago2610 preguntó Mar 19
Acualizar ChoiceField en djangogonzalss preguntó Feb 26
Script /boot/ scrapingParkJo preguntó Ene 30
No me deja instalar Oracleelporfirio respondió Ene 10
Actualizar la imagen con los datos devuelto en un …ovedg preguntó Dic 31, 2023
Actualizar la imagen con los datos devuelto en un …Ehdez preguntó Nov 7, 2023
Necesito en wordpress un pluging que me calcule la…pedrourday preguntó Sep 19, 2023
Alternativas a ThreeJS y BabylonJS?pedrourday preguntó Ago 21, 2023
¿Que tecnologias y lenguajes me recomiendan?Fabio respondió Jul 11, 2023
plugin de efecto circular 3d en imagenes
Ultimas Preguntas
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150460 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos