Rumah  >  Artikel  >  hujung hadapan web  >  Menggunakan muat naik fail HTML5 dengan AJAX dan jQuery

Menggunakan muat naik fail HTML5 dengan AJAX dan jQuery

PHPz
PHPzke hadapan
2023-09-13 10:09:031040semak imbas

Menggunakan muat naik fail HTML5 dengan AJAX dan jQuery

Apabila borang diserahkan, tangkap proses penyerahan dan cuba jalankan coretan kod berikut untuk memuat naik fail -

// 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);
}

Kemudian, pada bahagian pelayan (iaitu 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);

Atas ialah kandungan terperinci Menggunakan muat naik fail HTML5 dengan AJAX dan jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam