Salve a tutti.
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:<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>
Una volta visualizzato se con il mouse vado sopra all'immagine mi compare una X per cancellarla.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(); }); }, }); }); }
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

LinkBack URL
About LinkBacks
