jQuery AJAX ‘multipart / form-data’ ¿No envía datos?

No entiendo por qué no puedo obtener que jQuery pase datos de carga, ya que el objeto AJAX parece estar configurado correctamente y se están enviando los encabezados Content-Type / MIME-Type correctos.

He intentado dos formas distintas de solicitud, una con un objeto FormData contenido dentro de un literal, y también simplemente pasando el objeto FormData directamente.

Desafortunadamente, de cualquier manera, no puedo hacer que pase nada, y tanto $ _FILES como $ _POST son matrices vacías.

La solicitud ideal que deseo utilizar es la siguiente:

enter image description here

Junto con el siguiente código:

var files = new FormData(); $.each(context.prototype.fileData, function(i, obj) { files.append(i, obj.value.files[0]); }); var request = { action: 'upload', id: response.obj.id, data: files }; $.ajax({ type : 'POST', url : context.controller, data : request, processData : false, contentType : 'multipart/form-data', mimeType : 'multipart/form-data', success : function(r) { console.log(r); //if (errors != null) { } else context.close(); }, error : function(r) { alert('jQuery Error'); } }); 

Una vez más, la única respuesta (mirando tanto la pestaña de Red como la consola) cuando bash exportar $ _FILES y $ _POST es simplemente dos matrices vacías …

FormData pasar el objeto FormData como el parámetro de datos

 var request = new FormData(); $.each(context.prototype.fileData, function(i, obj) { request.append(i, obj.value.files[0]); }); request.append('action', 'upload'); request.append('id', response.obj.id); $.ajax({ type : 'POST', url : context.controller, data : request, processData : false, contentType : false, success : function(r) { console.log(r); //if (errors != null) { } else context.close(); }, error : function(r) { alert('jQuery Error'); } });