No envia imagen con form ajax

[franjgg]

Buenas, gracias a ambos por la información,

He empezado por el hilo de ocp001a y mi función a quedado:

Pero siguue sin funcionar, he probado a porner " $("#success-contact-form").fadeIn("slow");" justo despues de la llamada a la funcion y muestra el mensaje pero si lo coloco después de "var form_data = new FormData($('input[name^="media"]'));" ya no muestra nada, he hecho esto por que tenia la sospecha esta linea que he intado anteriormente y cuando la escribo por alguna razon no funciona.

Código Javascript:

$('#contact-us-button-form').on("click", function () {
 
        var form_data = new FormData($('input[name^="media"]'));
 
        $.each($('input[name^="media"]')[0].files, function(i, file) {
            form_data.append(i, file);
        });
 
 
        $.ajax({
            type: 'POST',
            cache: false,
            processData: false,
            contentType: false,
            data: form_data,
            url: 'email-templates/contact.php',
 
            success: function(data) {
                            $("#success-contact-form").html(result);
                            $("#success-contact-form").fadeIn("slow");
                            $('#success-contact-form').delay(400000).fadeOut("slow");
            }
        });
    });
 

Saludos y gracias de nuevo.