Problema con AJAX/JQUERY

Salve a tutti.

Codice HTML:

---

<div id="div_upload_immagine">
<form  action="#" method="post" enctype="multipart/form-data" id="inviafile">
<input type="file" name="myfile" id="myfile" class="caricaimg"><br>
<div id="img_send" onclick="img()" class="img_send"/><!-- Quando caricata <img src /> --></div>
</form>
<div id="val_sfondo" style="display: none;"></div>
<div id="div_img_delete"><img src="../Include/img/canc_img.png" id="img_delet"/></div>
<div id="div_img_pos" class="pos">asdsa</div>
                                               
</div>

---

La funziona img mi manda ad una chiamata ajax che mi carica i file e me lo mostra nel div con id=div_img_pos.

Codice HTML:

---

function img(){
                        $('#myfile').click();
                        $('#myfile').change(function(){
                                $('#myfile').trigger("submit");
                        });
                        $('#inviafile').submit(function(e){
                        e.preventDefault();
                        var datiform = new FormData($(this)[0]);
                                $.ajax({
                                  url: 'save.php',
                                  type: 'POST', //Le info testuali saranno passate in POST
                                  data: datiform, //I dati, forniti sotto forma di oggetto FormData
                                  timeout: 30000,
                                  async: true,
                                  cache: false,
                                  processData: false, //Serve per NON far convertire l’oggetto
                                            //FormData in una stringa, preservando il file
                                  contentType: false, //Serve per NON far inserire automaticamente
                                            //un content type errato
                                  success: function(data){
                                                 
                                                  $('#img_send').removeClass('img_send');
                                                 
                                                  $('#val_sfondo').html(data);
                                                 
                                                  img = jQuery('#val_sfondo').children('img').attr( 'src');
                                                 
                                                  $('#div_img_pos').show();
                                                 
                                $('#div_img_pos').html("<img src='" + img + "' id='sfondo_rec_added' />");

                                               
                                               
                                                $('#div_img_pos').hover(function(){
                                                       
                                                        $('#div_img_delete').fadeIn();

                                                }, function(){
                                                       
                                                        $('#div_img_delete').fadeOut();
                                                });


                                  },
                                 
 
                                });
                        });
                       
                }
               

---

Una volta visualizzato se con il mouse vado sopra all'immagine mi compare una X per cancellarla.


E da qua incominciano i problemi: come posso dirgli che quando clicco sull'immagine con la X lui mi annulli la chiamata ajax ed io possa farne un altra? in sintesi che mi faccia un refresh solo del div con id=div_upload_immagine??
Grazie a tutti

Nel codice php, dal quale tiri fuori l'immagine, ci metti dentro un echo "<script>qualcosa</script>"; che ti faccia fare quello di cui hai bisogno.