[SOLUCIONADO] enviar foto y otros datos ajax jquery ui

[trevol]

Hola amigos, intento mandar unos datos junto con una foto por formulario para que los procese el servidor y no me envia nada aunque no me da ningún fallo.

dejo código:

Código Javascript:

$( "#anadir" ).dialog({
    autoOpen: false,
    resizable: false,
    modal: true,
 
    buttons: {
        
 
        "guardar": function() {
            var file_data = $('#afile').prop('files')[0];   
            var form_data = new FormData();                  
            form_data.append('afile', file_data);
            form_data.append('titulo', $("#atitulo").val());
            form_data.append('director', $("#adirector").val());
            form_data.append('fecha', $("#afecha").val());
            form_data.append('idgenero', $("#agenero").val());
            form_data.append('operacion', "nuevo");
                                  
            $.ajax({
                url: 'peli.php', 
                dataType: 'html',
                data: form_data,                         
                type: 'get',
                processData:false,
                cache:false,
                contentType: false,
                success: function(data, textStatus, jqXHR){
                    $("#listar").html(data);
                    alert("hola mundoi1");
                }
             });
      
     
             alert("hola mundoi2");    
        $(this).dialog( "close" );                                              
            },
 
    "Cancelar": function() {
       
            $(this).dialog( "close" );
       
    }
 
 }
  
 
 
    
//accion añadir 
});
$(document).on("click","#anadirBoton",function(){
    $("#formularioanadir")[0].reset();
$( "#anadir").dialog("open");
}); //fin añadir pelicula
 

[trevol]

Ya lo solucioné. El problema es que para enviar cualquier tipo de archivo debe usarse el metodo post y no el get como yo uso en mi código erroneamente.