當提交表單時，捕獲提交過程并嘗試運行以下代碼片段來上傳文件 –
// 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);
登錄后復制
以上就是使用HTML5文件上傳與AJAX和jQuery的詳細內容，更多請關注www.92cms.cn其它相關文章！
