使用 HTML5 檔案上傳和 AJAX 和 jQuery

提交表單時，捕獲提交過程並嘗試執行以下程式碼段以進行檔案上傳 −

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

然後，在伺服器端（即 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);

Arjun Thakur

更新於： 2020 年 3 月 4 日

516 次檢視

開啟你的 職業生涯

完成課程並獲得認證

立即開始