upload file tramite chiamata asincorna di ajax

[thaiboxer89]

è possibile uplodare un file con una chiamata asincrona? ogni volta che richiamo la funzione, con jquery seleziono gli input e li carico nel server, con i dati testuali in degli editor riesco tranquillamente, ma ho difficoltà con upload delle immagini, potete darmi 2 dritte?
questo è lo script della funzione

Codice: Seleziona tutto

  <script>
                    function aggiungidb(i) {
                        
     var id = i;
     var link = '<?php echo $link; ?>';
        var titolo = $('#my-editornew'+ id +'').html(); // titolo del primo elemento
    var descrizione = $('#my-editor2new'+ id +'').html(); // descrizione del primo elemento
    var prezzo = $('#my-editor3new'+ id +'').html(); // prezzo del primo elemento
    var files = $('#my-file-inputnew'+ id+'').data('ace_input_files');
    
                             $.ajax({  
          type: "POST",
          url: "uploadprodotto2.php",  
         
         data: {titolo: titolo, descrizione: descrizione, prezzo: prezzo, link : link, file: files },
        
          dataType: "html",
          success: function(risposta) {  
             
              
              $('#new'+id).empty();
            alert("dati inviati!!!");  
          },
          error: function(){
            alert("Chiamata fallita!!!");
          } 
        }); 
        
        
        
      
 } 
                    
                    </script>

[Zoff]

É una operazione non banale, ti conviene utilizzare un plugin tipo https://github.com/blueimp/jQuery-File-Upload

L'upload via Ajax non è supportato da tutti i browser, con un plugin hai la possibilità di supportare metodi di fallback.
Se preferisci implementarlo tu: https://developer.mozilla.org/en-US/doc ... ata_object