Maison  >  Article  >  interface Web  >  Utilisation du téléchargement de fichiers HTML5 avec AJAX et jQuery

Utilisation du téléchargement de fichiers HTML5 avec AJAX et jQuery

PHPz
PHPzavant
2023-09-13 10:09:031039parcourir

Utilisation du téléchargement de fichiers HTML5 avec AJAX et jQuery

Lorsque le formulaire est soumis, capturez le processus de soumission et essayez d'exécuter l'extrait de code suivant pour télécharger le fichier -

// File 1
var myFile = document.getElementById('fileBox').files[0];
var reader = new FileReader();
reader.readAsText(file, 'UTF-8');
reader.onload = myFunc;

function myFunc(event) {
   var res = event.target.result; var fileName = document.getElementById('fileBox').files[0].name;
   $.post('/myscript.php', { data: res, name: fileName }, continueSubmission);
}

Ensuite, côté serveur (c'est-à-dire myscript.php) -

$data = $_POST['data'];
$fileName = $_POST['name'];
$myServerFile = time().$fileName;

// Prevent overwriting
$fp = fopen('/uploads/'.$myServerFile,'w');
fwrite($fp, $data);
fclose($fp);
$retData = array( "myServerFile" => $myServerFile );
echo json_encode($retData);

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer