javascript - precarga - Cómo subir un archivo usando jQuery.ajax y FormData
upload file ajax jquery (1)
processData:false,contentType:false
agregar processData:false,contentType:false
a su método, de modo que jQuery no altere los encabezados ni los datos (lo que rompe su código actual).
function uploadFile(blobFile, fileName) {
var fd = new FormData();
fd.append("fileToUpload", blobFile);
$.ajax({
url: "upload.php",
type: "POST",
data: fd,
processData: false,
contentType: false,
success: function(response) {
// .. do something
},
error: function(jqXHR, textStatus, errorMessage) {
console.log(errorMessage); // Optional
}
});
}
Cuando uso XMLHttpRequest, un archivo se carga correctamente utilizando FormData
. Sin embargo, cuando cambio a jQuery.ajax
, mi código se rompe.
Este es el código original de trabajo:
function uploadFile(blobFile, fileName) {
var fd = new FormData();
fd.append("fileToUpload", blobFile);
var xhr = new XMLHttpRequest();
xhr.open("POST", "upload.php", true);
xhr.send(fd);
}
Aquí está mi intento fallido de jQuery.ajax
:
function uploadFile(blobFile, fileName) {
var fd = new FormData();
fd.append("fileToUpload", blobFile);
var xm = $.ajax({
url: "upload.php",
type: "POST",
data: fd,
});
}
¿Qué estoy haciendo mal? ¿Cómo puedo hacer que el archivo se cargue correctamente, usando AJAX?