使用jQuery ajax使用formData()上传文件和表单数据

我希望使用带有此代码的forData()上传带有jquery ajax和php的文件:

var data = new FormData(); data.append('image',document.getElementById('uFile').files[0]); data.append('tag','saveDocument'); data.append('data',$('#saveDocument').serializeArray()); $.ajax({ url: url, type: 'post', data: data, cache: false, contentType:false, dataType: 'json', processData: false, success: function (data) { setAlert("Documento guardado correctamente!",success); }, error: function() { setAlert("Ha ocurrido un error al guardar!",error); } }); return false; 

此行包含表单中所有字段的数据:

 data.append('data',$('#saveDocument').serializeArray()); 

但在PHP中,我无法访问该数据,我希望访问表格数据以插入表格,你知道这是什么问题吗?

Html表格

 

Todos los campos son requeridos!

Seleccione departamento Dirección Recursos Humanos Oficina

Seleccione urgencia Normal Alta Urgente

下图来自chrome的开发工具:

在此处输入图像描述

你可以很容易。 看看这些post:

  • 特别适用于带有demo的图像
  • 只需要validation所有文件类型上传