mercoledì 18 giugno 2014

Inviare file tramite ajax jquery

Come inviare un form con un file o un'immagine tramite jquery?
Utilizzando l'oggetto FormData

Questo é un esempio di codice per un form che invia due variabili, la prima é il file e la seconda é un campo di testo.


$( "#sendImage" ).click(function() {
var formData = new FormData($("form#myForm")[0]);
formData.append( 'text', $("form#myForm")[1] );
 $.ajax({
   url: Routing.generate('_admin_insert_picture_broker_action'),
   type: 'POST',
   data: formData,
   async: false,
   cache: false,
   contentType: false,
   processData: false,
   success: function (returndata) {
     alert(returndata);
   }
 });
});
});

Per quanto riguarda l'URL, sto utilizzando un bundle per symfony per propagare le rotte nel codice javascript.
Se non si utilizza bisogna ovviamente cambiare quella riga.

Nessun commento:

Posta un commento