====== Upload di file con jquery ======
Autore: **//Fabio Di Matteo//** \\ Ultima revisione: **//26/06/2014 - 23:26//** \\ \\
Abbiamo gia' visto come utilizzare Jquery per l'invio di [[programmazione:jquery:form]] tramite ''$.ajax'', adesso invece vedremo come caricare interi file su di un server.\\
Utilizzeremo 2 file **index.html** che contiene la pagina con il form upload e **save.php** che contiene un elementare script Php per salvare il file sul server.
===== La pagina con il form (upload singolo)=====
**index.html**
Esperimento
0%
===== Script salvataggio file (upload singolo) =====
';
if (move_uploaded_file($_FILES['myfile']['tmp_name'], $uploadfile)) {
echo "Il file e' valido ed e' stato caricato correttamente.\n";
} else {
echo "Non e' stato caricato alcun file!\n";
}
echo 'Alcune informazioni di debug:';
print_r($_FILES);
print "";
?>
===== Upload multiplo di file =====
L'unica differenza nel file del che contiene il form(rispetto al precedente index.html) è che il campo input deve contenere il tag booleano ''multiple'' e il nome dell'attributo seguito dalle parentesi quadre ''[]'' che stanno ad indicare un array, in questo modo:
I file si selezionano tenendo premuto Ctrl e facendo click oppure tenendo premuto shift e facendo clik selezioniamo un intero intervallo di file.
Ecco di seguito invece lo script php per il salvataggio dei dati:
**save.php**
';
print_r($_FILES);
echo '';
?>
===== Upload tramite drag and drop =====
Di seguito vedremo come trascinare uno o piu' file sun uno specifico div ed eseguire l'upload.
**index.html**
Esperimento
Upload tramite trascina e rilascia con jquery e php