Como puedo subir una imagen atraves de ajax desde un formulario con varios campos?

Saludos, mi inquietud es la siguiente, tengo un formulario con los campos Nombre, Telefono, Direccion, Foto. que sucede intento subir la foto con ajax enviandosela al controlador que recibe los demas campos pero al realizar el formData() en jQuery me indica que los demas campos no estan correctos he visto varios ejemplos pero nada sigue igual. Alguna sugerencia.

Jorge Davila (838 xp)sep 16, 2019

Intenta con algo asi, deberia funcionarte:

<script type="text/javascript">
$(document).ready(function (e){
$("#tu_formulario").on('submit',(function(e){
e.preventDefault();
$.ajax({
url: "upload.php",
type: "POST",
data:  new FormData(this),
contentType: false,
cache: false,
processData:false,
success: function(data){
//has algo aqui
error: function(){
//has algo aqui} 	        
});
}));
});
</script>