Send files and inputs with the same Ajax request

Question

I have a code that works perfectly for sending files without refresh using PHP and jQuery and I have another code that works without refresh also but for inserting the data in DB. I can’t put the two codes together.

What I want is basically to send the data and upload a file using the same form and a single request. I believe the problem is in the attribute "date:"

jQuery Code - Send 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();
    });

jQuery Code - Upload Files:

    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();
    });

Answer 1

Think of this application as a template and see which one makes the most sense: A registered user with no uploaded file or a uploaded file not associated with any registered user?

If you can see a relationship, you can understand that it makes a lot of sense for the upload routine to occur on callback successful user registration. ;)

If the user’s registration fails, it is a general failure and thus you will not have orphaned files. if the upload fails, at least the user already exists, including primary ID, which may allow future sending(s)).