php ajax 文件上传,韩国VPS搭建网站主机选择,品牌云主机,vps服务器命令,更换云主机

🗣 Wd提问: php ajax 文件上传

🤖 Ai回答:
php
<?php
// upload.php
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['file'])) {
$uploadDir = 'uploads/';
if (!is_dir($uploadDir)) {
mkdir($uploadDir, 0777, true);
}

$fileName = basename($_FILES['file']['name']);
$targetPath = $uploadDir 、$fileName;
$uploadOk = 1;
$fileType = strtolower(pathinfo($targetPath, PATHINFO_EXTENSION));

// 允许的文件类型
$allowedTypes = ['jpg', 'jpeg', 'png', 'gif', 'pdf', 'docx'];
if (!in_array($fileType, $allowedTypes)) {
echo json_encode(['status' = 'error', 'message' = '不支持的文件类型。']);
exit;
}

// 检查文件大小 (例如：限制5MB)
if ($_FILES['file']['size'] 5 * 1024 * 1024) {
echo json_encode(['status' = 'error', 'message' = '文件太大，不能超过5MB。']);
exit;
}

if (move_uploaded_file($_FILES['file']['tmp_name'], $targetPath)) {
echo json_encode([
'status' = 'success',
'message' = '文件上传成功。',
'file' = $targetPath
]);
} else {
echo json_encode(['status' = 'error', 'message' = '文件上传失败。']);
}
}
?

html
<!DOCTYPE html
<html lang=zh
<head
<meta charset=UTF-8
<titleAJAX 文件上传</title
</head
<body
<form id=uploadForm enctype=multipart/form-data
<input type=file name=file id=fileInput required /
<button type=submit上传文件</button
</form

<div id=result</div

<script
document.getElementById('uploadForm').addEventListener('submit', function(e) {
e.preventDefault();

const formData = new FormData();
const fileInput = document.getElementById('fileInput');
formData.append('file', fileInput.files[0]);

fetch('upload.php', {
method: 'POST',
body: formData
})
.then(response = response.json())
.then(data = {
const resultDiv = document.getElementById('result');
if (data.status === 'success') {
resultDiv.innerHTML = `<p style=color:green;${data.message}</p`;
} else {
resultDiv.innerHTML = `<p style=color:red;错误：${data.message}</p`;
}
})
.catch(error = {
document.getElementById('result').innerHTML = `<p style=color:red;请求失败：${error}</p`;
});
});
</script
</body
</html

使用说明：
1、将 PHP 代码保存为 `upload.php`。
2、将 HTML + JS 代码保存为 `index.html`。
3、确保服务器支持 PHP，并创建 `uploads/` 目录（或确保其可写）。
4、访问 `index.html` 即可测试 AJAX 文件上传功能。

安全建议：
验证文件类型和扩展名。
限制文件大小。
对上传目录进行权限控制。
生产环境应增加更多安全校验（如 MIME 类型检查、防病毒扫描等）。

Ai作答

📣 商家广告：