subir varios archivos con XMLHttpRequest y php

[juanvc123]

tengo un script que manda los archivos por el XMLHttpRequest a php:

Código:

$(document).ready(function(){
	$("#btn").click(function(){
		//aqui quedó
				fileField = document.getElementById("input_file");

        		var allowedTypes = ['png', 'jpg', 'jpeg', 'exe', 'rar', 'gif'];   
				var filesLen = fileField.files.length;
				var fileInput = document.querySelector('#input_file');

				for (i = 0; i < filesLen; i++)
				{
				    var vidType = fileField.files[i].name.split('.');

				    if (allowedTypes.indexOf(vidType[vidType.length -1].toLowerCase()) != -1)
				    {
				        var progress = 'progress' + i;

				        $('input').before('<p>' + fileField.files[i].name + ' <progress id="' + progress + '"></progress></p>');

				        var xhr = new XMLHttpRequest();

				        xhr.open('POST', 'prueba.php',true);

				      (function(progress) { 
						    xhr.upload.onprogress = function(e) 
						    {
						        $('#' + progress).attr('value', e.loaded);
						        $('#' + progress).attr('max', e.total);
						    };
						}(progress));

				        xhr.onload = function()
				        {
				            $('#response').html(xhr.response);
				        };

				        var form = new FormData();
				        form.append('title', fileField.files[i].name);
				        form.append('film', fileInput.files[i]);
				        xhr.setRequestHeader("X-FILENAME", fileField.files[i].name);
				        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    					xhr.setRequestHeader("Content-length", fileField.files[i].length);

				        xhr.send(form);

				    }

				    else
				    {
				        alert('Your file "' + fileField.files[i].name + '" \'s format isn\'t supported');    
				    }
				}
        });
    });

y el archivo prueba.php

Código:

<?php
$fn = (isset($_SERVER['HTTP_X_FILENAME']) ? $_SERVER['HTTP_X_FILENAME'] : false);
if ($fn) {
	// AJAX call
	file_put_contents(
		'uploads/' . $fn,
		file_get_contents('php://input')
	);
	echo "$fn se ha subido";
	exit();
}



?>

EL PROBLEMA ES QUE ME CREA LOS ARCHIVOS EN AL CARPETA DE DESTINO PERO ME LOS CREA VACIOS! NO SE PORQUE LO HACE SI LOS PARAMETROS SE ENVIARON BIEN

[caricatos]

Hola:

Siempre he subido archivos simulando ajax mediante un iframe oculto (o no) y enviando el form con un submit... no sé si todos los navegadores permiten hacerlo de otra manera, pero si con tu código piensas que puedes hacerlo, al menos supongo que el enctype debería ser multipart/form-data...

Saludos

[juanvc123]

te hago una pregunta tu procedimiento hace que recargue la pagina? lo que pasa es que este codigo lo hace asincronamente!

efectivamente a mi formulario le faltaba enctype="multipart/form-data", pero aun hací envia los archivos sin contenido, osea los crea con nombre y todo pero de tamaña 0 bytes! no se si puedas mirar mi codigo, la verdad creo que esta bien la enviadad de file multiple a php.

me interesaria hacer el procedimiento que me dice con iframe oculto y ajax, me puede dar un link de dicho proceso?

[ipraetoriux]

aca tienes un links, si buscas en internet encontraras mucha info

http://viralpatel.net/blogs/ajax-sty...hidden-iframe/
http://joekuan.wordpress.com/2009/06...-using-iframe/
http://www.openjs.com/articles/ajax/ajax_file_upload/

[emprear]

Iniciado por juanvc123

te hago una pregunta tu procedimiento hace que recargue la pagina? lo que pasa es que este codigo lo hace asincronamente!

efectivamente a mi formulario le faltaba enctype="multipart/form-data", pero aun hací envia los archivos sin contenido, osea los crea con nombre y todo pero de tamaña 0 bytes! no se si puedas mirar mi codigo, la verdad creo que esta bien la enviadad de file multiple a php.

me interesaria hacer el procedimiento que me dice con iframe oculto y ajax, me puede dar un link de dicho proceso?

No, si el target del submit del form es justamente el iframe. Incluso podrías actualizar algún elemento de la página principal generando una script de js trás la subida del archivo que llame una función en el parent
SAludos

[caricatos]

Hola:

Una referencia mía: Revisar las imágenes antes de subirlas

Saludos