jQuery.ajax() Enctype

[Master_raven]

Que tal a todos, tengo este script que quiero utilizar para cargar un archivo utilizando jquery, como veran lo estoy diseñando desde 0 pero me tope con un problema, por algun motivo el input file no es enviado, me imagino que es por el enctype.

Mi pregunta es, como puedo adicionar el enctype en el evento $.ajax de jquery, o que puedo hacer para que esto me funcione.

Código Javascript:

function upfile() {
    hideshow("loadinpic",1);
    hideshow("loadpic",0); 
    $.ajax({
        type: "POST", 
        url: "uploader.php", 
        data: $("#uploadpic").serialize(), 
        dataType: "json", 
        success: function(msg){
            if(parseInt(msg.status)==1) {
                alert("Upload ok");
            } else {
                hideshow("loadinpic",0);
                hideshow("loadpic",1); 
                hideshow("error",1);
                $("#error").html(msg.txt);
            }
        }
    }); 
}
 

[JavierB]

Hola, Master_raven

Muevo tu tema al foro de Frameworks y Plugins Javascript desde Javascript.

Saludos,

[mariomon17]

Mediante AJAX es imposible enviar archivos. Investiga sobre alguna alternativa (tipo iframe).

Un saludo

[yonatanalexis22]

Claro que mediante Ajax se puede enviar archivos, solo tienes que configurar el enctype: 'multipart/form-data', y quitar el data serialize es algo parecido a esto

Código HTML:

$('#upform').submit(function(e) {
                    e.preventDefault();
                  var dat = new FormData($(this)[0]);
                    $.ajax({
                        beforeSend: function() {
                            $('#msm').html('un momento por favor');
                        },
                        url: pet,
                        type: met,
                        enctype: 'multipart/form-data',
                        data: dat,
                        success: function(resp) {
 
                            $('#msm').html(resp);
                            alert(resp);
 
                        },
                                cache: false,
                        contentType: false,
                        processData: false,
                        error: function(jqXHR, estado, error) {
                            alert(estado + " " + error);
                        },
                        complete: function(jqXHR, estado) {
 
                            //  alert('completo' + estado);
 
 
 
 
                        }
 

[yonatanalexis22]

Iniciado por yonatanalexis22

Claro que mediante Ajax se puede enviar archivos, solo tienes que configurar el enctype: 'multipart/form-data', y quitar el data serialize es algo parecido a esto

Código HTML:

$('#upform').submit(function(e) {
                    e.preventDefault();
                  var dat = new FormData($(this)[0]);
                    $.ajax({
                        beforeSend: function() {
                            $('#msm').html('un momento por favor');
                        },
                        url: pet,
                        type: met,
                        enctype: 'multipart/form-data',
                        data: dat,
                        success: function(resp) {
 
                            $('#msm').html(resp);
                            alert(resp);
 
                        },
                                cache: false,
                        contentType: false,
                        processData: false,
                        error: function(jqXHR, estado, error) {
                            alert(estado + " " + error);
                        },
                        complete: function(jqXHR, estado) {
 
                            //  alert('completo' + estado);
 
 
 
 
                        }
 

[mariomon17]

Claro, ahora sí se puede, pero allá cuando se hizo la pregunta no se podía.

http://www.w3.org/TR/FileAPI/
http://www.w3.org/TR/XMLHttpRequest/#interface-formdata

[caricatos]

Hola:

Iniciado por mariomon17

Claro, ahora sí se puede, pero allá cuando se hizo la pregunta no se podía.

http://www.w3.org/TR/FileAPI/
http://www.w3.org/TR/XMLHttpRequest/#interface-formdata

Porque la pregunta es vieja vamos a cerrar el tema; y tal vez ahora se pueda, pero dudo que en todos los navegadores... un ejemplo simple, explorer bajo window.XP (no admite versiones superiores a la "8")

Saludos