jQuery: gestire un form di upload con campi testuali

Con jQuery è semplice gestire un form di upload con campi testuali.

La soluzione è la seguente:

$( "#cv-form" ).on( "submit", function( e ) {
    e.preventDefault();
    var $form = $( this );
    var data = new FormData();

    data.append( "curriculum_vitae", $form.find( "[name=cv]" )[0].files[0] ); // Campo file
    data.append( "email", $form.find( "[name=email]" ).val() ); // Campo testuale
    // Altri campi testuali

    $.ajax({
        url: "/apply",
        type: "POST",
        data: data,
        processData: false,
        contentType: false,
        success: function ( response ) {
             // Gestione della risposta               
        }
    });
});