Computer >> Máy Tính >  >> Lập trình >> HTML

Sử dụng tải lên tệp HTML5 với AJAX và jQuery


Khi biểu mẫu được gửi, hãy nắm bắt quy trình gửi và thử chạy đoạn mã sau để tải tệp lên -

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

Sau đó, ở phía máy chủ (tức là 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);