php完成“摄影作品提交”前端页面;(网页中的样式也是需要一致) 填写资料并上传文件后,再在PHP“提交”动作,结果弹出窗口显示文件名字,并用move_uploaded_file()函数保存文件到根目录a文件夹下
时间: 2024-04-29 21:22:08 浏览: 208
以下是一个简单的示例代码,实现了一个带有文件上传功能的表单页面,你可以根据自己的需求进行修改和优化:
```
<!DOCTYPE html>
<html>
<head>
<title>摄影作品提交</title>
<style>
form {
width: 400px;
margin: 0 auto;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
label {
display: block;
margin-top: 10px;
font-size: 16px;
}
input[type=text], input[type=file] {
width: 100%;
padding: 5px;
font-size: 16px;
margin-top: 5px;
border-radius: 5px;
border: 1px solid #ccc;
}
input[type=submit] {
background-color: #4CAF50;
color: white;
padding: 8px 16px;
margin-top: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<form method="post" enctype="multipart/form-data">
<label for="name">姓名:</label>
<input type="text" name="name" id="name" required>
<label for="email">邮箱:</label>
<input type="text" name="email" id="email" required>
<label for="file">作品:</label>
<input type="file" name="file" id="file" accept="image/*" required>
<input type="submit" value="提交">
</form>
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$name = $_POST['name'];
$email = $_POST['email'];
$file = $_FILES['file']['name'];
// 保存文件到根目录a文件夹下
move_uploaded_file($_FILES['file']['tmp_name'], 'a/' . $file);
echo "<script>alert('文件名:$file');</script>";
}
?>
</body>
</html>
```
在这个示例中,我们使用了`enctype="multipart/form-data"`来指定表单数据的编码类型,使得表单可以上传文件。在PHP代码中,我们可以通过`$_FILES`数组来获取上传的文件信息,包括文件名、临时文件路径等。使用`move_uploaded_file()`函数将上传的文件保存到指定位置。最后,我们使用JavaScript弹出窗口来显示上传的文件名。
阅读全文