Eu tenho um código que funciona perfeitamente para envio de arquivos sem refresh usando PHP e jQuery e tenho um outro código que funciona sem refresh também mas para inserção dos dados no DB. Não consigo colocar os dois códigos juntos.
O que eu quero é basicamente enviar os dados e fazer o upload de um arquivo usando um mesmo form e uma única requisição. Acredito que o problema esteja no atributo "data:"
Código jQuery - Envia Inputs:
$( "#create" ).on( "click", function() {
formId = $(this).closest( ".form" ).attr("id");
formArray = $("#" + formId).serializeArray();
$.ajax({
type: 'POST', url: 'ajax.php',
data: { type: 'create', formArray: formArray },
success: function( msg ) {
alert( msg );
window.location.reload();
},
error: function() {
alert('AJAX Error');
}
});
event.preventDefault();
});
Código jQuery - Upload de Arquivos:
var form;
$('#fileUpload').change(function (event) {
form = new FormData();
form.append('fileUpload', event.target.files[0]);
});
$( "#teste" ).on( "click", function() {
$.ajax({
type: 'POST', url: 'ajax.php',
processData: false,
contentType: false,
data: form,
success: function( msg ) {
alert( msg );
},
error: function() {
alert('AJAX Error');
}
});
event.preventDefault();
});
#teste
ou#create
? Ou ambos e devem fazer o mesmo?