No envia imagen con form ajax

[franjgg]

Buenas que tal,

Vereis tengo un formulario desde el cual envio unos campos de texto un textarea y una imagen el problema es que cuando he añadido para que envie la imagen no funciona, he modificado la funcion ajax para que envie la imagen pero nada, la funcion en cuestion esta:

Código Javascript:

$('#contact-us-button').on("click", function () {
        var error = ValidationContactForm();
        var formData = new FormData(this);
 
 
 
        if (error) {
 
 
 
 
            $.ajax({
                type: "POST",
                url: "email-templates/contact.php",
                //data: $("#contact-form").serializeArray(),
                data: formData,
                success: function (result) {
                    // Un-comment below code to redirect user to thank you page.
                    //window.location.href="thank-you.html";
 
                    $('input[type=text],textarea').each(function () {
                        $(this).val('');
                    })
                    /*$('input[name=file]').each(function () {
                        $(this).val('');
                    })*/                    
                    $("#success-contact-form").html(result);
                    $("#success-contact-form").fadeIn("slow");
                    $('#success-contact-form').delay(400000).fadeOut("slow");
                }
            });
        }
    });
 

A ver si alguien puede decir mas o menos por donde esta el error, saludos!