[SOLUCIONADO] Upload de imagenes con ajax sin iframe

[No-NaMe]

Muy buenas, lo primero gracias por vuestro tiempo que es muy importante.

he visto varios ejemplos de como hacer una upload de imágenes en ajax sin iframes, y he llegado a la conclusión de que no me aclaro de nada

yo he creado una función usando los parámetros que requiere(o eso creo por que si lo hubiera hecho bien funcionaria.)

Código:

function AddImagenes(){
		
		var formulario="#envio_imagen";
		var url = "modules/comunicacion/comentario_imagen.php";
		var destino="#leercomentarios";
		var archivos = document.getElementById("archivos")
		var archivo = archivos.files;
		for(i=0; i<archivo.length; i++)
		{
			data.append('archivo'+i,archivo[i]);
		}
		var data = new FormData();
		$.ajax({
			type: "POST",
			url: url,
			data: $(formulario).serialize(),
			processData:false,
			cache:false,
			success: function(data)
				{
					$(destino).html(data);
				}
		});
	envio_imagen.reset()
}

Realmente no se si me he cocido en mi propio jugo y me he pegado una inventada padre o si simplemente algún cambio lo haría funcionar.

[maycolalvarez]

javascript NO tiene acceso al IO, por lo que no se puede usar AJAX para subir archivos.

Sin embargo, el nuevo XHR nivel II si te permite hacerlo, consulta sobre el mismo, incluso hay plugins para jQuery.

[Carlangueitor]

Ya que usas jQuery podrías usar este plugin: https://github.com/blueimp/jQuery-File-Upload


Saludos

[No-NaMe]

Solucionado, no se si es ajax, es XHR o lo que quiera ser, pero funciona y hace lo que necesito, por si a alguien le puede servir aqui queda esto.

Código Javascript:

function AddImagen(){
    var formData = new FormData($(".formulario")[0]);
    var destino="#leercomentarios";
    //hacemos la petición ajax  
    $.ajax({
        url: 'modules/comunicacion/comentario_imagen.php',  
        type: 'POST',
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        //una vez finalizado correctamente
            success: function(data)
            {
                envio_comentario.reset();
                $(destino).html(data);
            },
        //si ha ocurrido un error
            error: function()
            {
               //aqui codigo mal
               
            }
        });
    }