Visualizzazione risultati 1 fino 2 di 2

Discussione: Problema con AJAX/JQUERY

  1. #1
    Guest

    Predefinito 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

  2. #2
    Guest

    Predefinito

    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.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •