留言板php添加图片_php实现留言板功能
时间: 2023-11-28 08:04:17 浏览: 59
要实现留言板的功能,你需要以下几个步骤:
1. 创建一个数据库,用于存储留言板上的留言和图片信息。
2. 创建一个表,用于存储留言信息,包括留言内容、留言时间和留言者信息。
3. 创建一个表,用于存储图片信息,包括图片路径、图片名称、上传时间和上传者信息。
4. 创建一个留言板页面,用于展示留言信息,并提供留言功能。
5. 在留言板页面中添加上传图片功能,允许用户上传图片并显示在留言板上。
以下是一个简单的留言板PHP代码示例,包括添加图片功能:
```php
<?php
// 连接数据库
$host = "localhost";
$username = "root";
$password = "";
$dbname = "message_board";
$conn = mysqli_connect($host, $username, $password, $dbname);
// 处理留言
if (isset($_POST['submit'])) {
$name = $_POST['name'];
$message = $_POST['message'];
$date = date('Y-m-d H:i:s');
$sql = "INSERT INTO messages (name, message, date) VALUES ('$name', '$message', '$date')";
mysqli_query($conn, $sql);
}
// 处理图片上传
if (isset($_POST['upload'])) {
$name = $_FILES['file']['name'];
$tmp_name = $_FILES['file']['tmp_name'];
$date = date('Y-m-d H:i:s');
$path = "uploads/" . $name;
move_uploaded_file($tmp_name, $path);
$sql = "INSERT INTO images (name, path, date) VALUES ('$name', '$path', '$date')";
mysqli_query($conn, $sql);
}
// 显示留言和图片
$sql = "SELECT * FROM messages ORDER BY date DESC";
$result = mysqli_query($conn, $sql);
while ($row = mysqli_fetch_assoc($result)) {
echo "<div class='message'>";
echo "<span class='name'>" . $row['name'] . "</span>";
echo "<span class='date'>" . $row['date'] . "</span>";
echo "<p class='content'>" . $row['message'] . "</p>";
echo "</div>";
}
$sql = "SELECT * FROM images ORDER BY date DESC";
$result = mysqli_query($conn, $sql);
while ($row = mysqli_fetch_assoc($result)) {
echo "<div class='image'>";
echo "<img src='" . $row['path'] . "' alt='" . $row['name'] . "'>";
echo "<span class='name'>" . $row['name'] . "</span>";
echo "<span class='date'>" . $row['date'] . "</span>";
echo "</div>";
}
?>
<!-- 留言板页面 -->
<html>
<head>
<title>留言板</title>
</head>
<body>
<h1>留言板</h1>
<form method="post">
<label>姓名:</label>
<input type="text" name="name"><br>
<label>留言:</label>
<textarea name="message"></textarea><br>
<input type="submit" name="submit" value="提交留言">
</form>
<form method="post" enctype="multipart/form-data">
<label>上传图片:</label>
<input type="file" name="file"><br>
<input type="submit" name="upload" value="上传图片">
</form>
</body>
</html>
```
这段代码会展示留言板中的所有留言和图片,并提供留言和上传图片的功能。你可以根据自己的需求进行修改和完善。