使用 AJAX 和 jQuery 实现 HTML5 文件上传
htmlweb developmentfront end technology更新于 2025/8/18 13:00:17
表单提交后，捕获提交过程并尝试运行以下文件上传代码片段 −
// 文件 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;
// 防止覆盖
$fp = fopen('/uploads/'.$myServerFile,'w');
fwrite($fp, $data);
fclose($fp);
$retData = array( "myServerFile" => $myServerFile );
echo json_encode($retData);
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
