1.编写一个 PHP 页面，使用 Form 表单上传一个留言，包括作者 ID，时间，主题，正文，图片。一个留言目前允许上传一个图片，一个留言生成一个文件。提示，文件的格式可以使用 JSON，便于解析。 2) 编写一个页面，对所有的留言进行表格形式的浏览（不显示正文和图片，如实验二的方式），可以考虑分页的方式（可选，因为要用到 session）。 3) 编写一个 php 页面用于显示留言的详细内容，当点击列表中的某个列表时，用该页面显示详细内容。4.界面所有文字都使用中文

时间: 2023-11-18 15:02:57 浏览: 96

PHP AjaxForm提交图片上传并显示图片

在本文中，我们将深入探讨如何使用PHP和AjaxForm实现图片的上传和显示功能。通过本案例源码的分析和解释，读者将能够理解在服务器端如何处理图片上传的请求，以及如何向用户反馈上传状态。我们需要定义一些基本参数来限制上传的文件类型和大小。这在`upload.php`文件中设置： ```php $file_upload = "upload/"; // 设置上传目录 $file_allow_ext = 'gif|jpg|jpeg|png|zip|rar|ppt|xls|pdf|pptx|xlsx|docx'; // 允许上传的文件扩展名 $file_allow_size = 5 * 1024 * 1024; // 允许上传的文件大小，这里是5MB ``` 接下来，我们来处理上传的逻辑。首先判断是否有文件被上传，`$_FILES['file']['tmp_name']`是临时文件名，如果`is_uploaded_file`函数返回`true`，则表示上传文件是通过HTTP POST上传的。 ```php if(is_uploaded_file($_FILES['file']['tmp_name'])){ // 进行后续的处理 } ``` 我们从`$_FILES`数组中获取文件信息，包括文件名、错误信息、类型、临时文件名和文件大小。 ```php $file_name = $_FILES['file']['name']; $file_error = $_FILES['file']['error']; $file_type = $_FILES['file']['type']; $file_tmp_name = $_FILES['file']['tmp_name']; $file_size = $_FILES['file']['size']; $file_ext = substr($file_name, strrpos($file_name, '.') + 1); // 获取文件扩展名 ``` 通过switch语句检查文件上传过程中可能出现的错误： ```php switch($file_error){ case 0: // 无错误，文件上传成功 break; case 3: // 文件只有部分上传 break; case 4: // 文件未被上传 break; case 5: // 文件大小为0 break; } ``` 之后，检查文件扩展名是否在允许的列表中，并且文件大小是否超过了设定的最大值： ```php if(stripos($file_allow_ext, $file_ext) === false){ // 扩展名不允许 } if($file_size > $file_allow_size){ // 文件大小超过限制 } ``` 如果文件上传失败，将错误信息存储在`$data`数组中，并以JSON格式返回给前端： ```php if($data['status'] == 1){ exit(json_encode($data)); } ``` 在文件上传成功的情况下，检查`$file_upload`目录是否存在，如果不存在则创建它。接下来，我们将生成一个唯一的文件名，并且使用`move_uploaded_file`函数将文件从临时目录移动到目标目录： ```php if($data['status'] == 0){ if(file_exists($file_upload)){ // 生成文件名并保存 $file_new_name = date("YmdHis").'_'.rand(10000,99999).'.'.$file_ext; $file_save_path = $file_upload.$file_new_name; $data['status'] = 0; $data['url'] = $file_save_path; move_uploaded_file($file_tmp_name,$file_save_path); exit(json_encode($data)); }else{ exit(json_encode($data)); } } ``` `sizeFormat`函数的作用是将文件大小格式化为易读的单位，如KB、MB或GB： ```php function sizeFormat($size){ // 根据文件大小返回对应的单位格式 } ``` 此外，我们还需要编写HTML和JavaScript来调用这个PHP脚本。使用AjaxForm插件可以很便捷地提交表单，并以Ajax方式异步处理文件上传： ```html  <form id="upload_form" method="post" enctype="multipart/form-data"> <input type="file" name="file" /> <input type="submit" name="submit" value="上传" /> </form> ``` JavaScript部分使用AjaxForm插件的语法，可能类似于下面这样： ```javascript $("#upload_form").ajaxForm({ url: "upload.php", // 指向上传文件的PHP脚本 success: function(response){ // 成功上传后的回调函数，可以更新界面 console.log(response); } }); ``` 这样，当用户选择文件并点击“上传”按钮后，文件就会被异步地上传到服务器，而不需要重新加载页面。服务器端脚本`upload.php`会根据文件上传的情况返回一个JSON格式的响应，前端JavaScript可以据此更新页面内容或给用户相应的反馈。总结以上代码和说明，我们可以看到整个图片上传和显示的过程涵盖了从客户端到服务器端的多方面操作，涉及HTML表单提交、JavaScript中的AjaxForm处理、PHP服务器端的文件检查和处理以及最终的文件保存和反馈。以上知识点是实现基于PHP的图片上传和Ajax异步处理的关键。

以下是一个简单的实现步骤： 1.编写留言上传页面 ```php <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>上传留言</title> </head> <body> <h1>上传留言</h1> <form action="save_message.php" method="post" enctype="multipart/form-data"> <p>作者ID：<input type="text" name="author_id"></p> <p>主题：<input type="text" name="title"></p> <p>正文：<textarea name="content" rows="10" cols="50"></textarea></p> <p>图片：<input type="file" name="image"></p> <p><input type="submit" value="上传留言"></p> </form> </body> </html> ``` 2.编写留言保存页面 ```php <?php if ($_SERVER['REQUEST_METHOD'] == 'POST') { // 获取表单数据 $author_id = $_POST['author_id']; $title = $_POST['title']; $content = $_POST['content']; $image = $_FILES['image']; // 生成文件名 $filename = time() . '.json'; // 构造留言信息数组 $message = array( 'author_id' => $author_id, 'time' => time(), 'title' => $title, 'content' => $content, 'image' => $filename // 图片文件名 ); // 将留言信息写入文件 file_put_contents($filename, json_encode($message)); // 保存图片文件 move_uploaded_file($image['tmp_name'], $filename); // 跳转到留言列表页面 header('Location: message_list.php'); exit(); } ``` 3.编写留言列表页面 ```php <?php session_start(); // 分页设置 $page_size = 10; // 每页显示的留言数量 $page_num = isset($_GET['page']) ? intval($_GET['page']) : 1; // 当前页码 // 读取留言文件列表 $file_list = glob('*.json'); // 计算总页数 $total_page = ceil(count($file_list) / $page_size); // 获取当前页的留言文件 $start_index = ($page_num - 1) * $page_size; $end_index = $start_index + $page_size - 1; $current_files = array_slice($file_list, $start_index, $page_size); // 构造留言列表数组 $message_list = array(); foreach ($current_files as $filename) { $message = json_decode(file_get_contents($filename), true); $message['id'] = basename($filename, '.json'); // 文件名作为留言ID $message_list[] = $message; } // 保存当前页码到 session，方便查看留言详情时返回 $_SESSION['current_page'] = $page_num; ?> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>留言列表</title> </head> <body> <h1>留言列表</h1> <table> <thead> <tr> <th>ID</th> <th>作者</th> <th>时间</th> <th>主题</th> <th>操作</th> </tr> </thead> <tbody> <?php foreach ($message_list as $message): ?> <tr> <td><?php echo $message['id']; ?></td> <td><?php echo $message['author_id']; ?></td> <td><?php echo date('Y-m-d H:i:s', $message['time']); ?></td> <td><?php echo $message['title']; ?></td> <td> <a href="view_message.php?id=<?php echo $message['id']; ?>">查看</a> </td> </tr> <?php endforeach; ?> </tbody> </table> <p> <?php if ($page_num > 1): ?> <a href="?page=<?php echo $page_num - 1; ?>">上一页</a> <?php endif; ?> <?php if ($page_num < $total_page): ?> <a href="?page=<?php echo $page_num + 1; ?>">下一页</a> <?php endif; ?> </p> </body> </html> ``` 4.编写留言详情页面 ```php <?php session_start(); // 读取留言文件 $id = $_GET['id']; $filename = $id . '.json'; $message = json_decode(file_get_contents($filename), true); // 保存当前页码到 session，方便返回留言列表时定位到当前页 $message['page'] = $_SESSION['current_page']; ?> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>留言详情</title> </head> <body> <h1>留言详情</h1> <table> <tr> <td>作者：</td> <td><?php echo $message['author_id']; ?></td> </tr> <tr> <td>时间：</td> <td><?php echo date('Y-m-d H:i:s', $message['time']); ?></td> </tr> <tr> <td>主题：</td> <td><?php echo $message['title']; ?></td> </tr> <tr> <td>正文：</td> <td><?php echo $message['content']; ?></td> </tr> <tr> <td>图片：</td> <td><img src="<?php echo $message['image']; ?>"></td> </tr> </table> <p><a href="message_list.php?page=<?php echo $message['page']; ?>">返回留言列表</a></p> </body> </html> ``` 以上是一个简单的留言板实现，可以根据需求进行扩展和优化。需要注意的是，本实现没有对上传的文件进行类型和大小限制，需要根据实际情况进行设置。

阅读全文

相关推荐

login-form:一个简单的登录表单

AJAX PHP无刷新form表单提交的简单实现(推荐)

用php编写一个form表单

2. 编写一个 PHP 脚本，用于处理用户提交的表单。表单包含一个文本输入框（用于输入电子邮件地址）和一个提交按钮。验证用户输入的电子邮件地址是否有效，并在页面上显示相应的消息。（数据的输入与验证）

编写网页 practice1_1.html，具体要求如下： (1)网页中有个 form表单，表单处理程序为本页面程序，表单提交方式为“pos t”，表单提交编码方式为“multipart/form-data”

编写 PHP 页面实现一个留言板，包括留言者的 id（可以是网名），时间， 主题，正文和附件；另外设计一个页面对留言进行列表，以表格的形式展示留言 的简介；当点击一条信息后，显示该留言的详细信息

php编写一个可以上传图片的留言板

用php编写一个form表单，分别用get和post提交，然后在浏览器按F12 看下请求响应格式

php案例】表单传值 编写PHP代码实现如下功能：从图 (a)所示的PHP页面（testrequestform.php）中提取出表单中的字段值，然后在如图 (b)所示的另一个PHP页面(testrequest.php)中输出。 【必备知识点】

4. 编写程序，实现多文件上传。表单页面可以考虑用JQUERY实现不固定数量的文件上传框。文件名multiplefiles.html、upload.php。利用函数封装多文件上传操作，以实现函数的重复利用。（可以在网上搜索一下代码）

ajax提交form表单 web端编写

16-17 数据挖掘算法基础 - 分类与回归1(1).ipynb

精选微信小程序源码：停车场管理小程序（含源码+源码导入视频教程&文档教程，亲测可用）

最新推荐

16-17 数据挖掘算法基础 - 分类与回归1(1).ipynb

C语言数组操作：高度检查器编程实践

管理建模和仿真的文件

【KUKA系统变量进阶】：揭秘从理论到实践的5大关键技巧

如何使用Python编程语言创建一个具有动态爱心图案作为背景并添加文字'天天开心（高级版）'的图形界面？

基于Swift开发的嘉定单车LBS iOS应用项目解析

"互动学习：行动中的多样性与论文攻读经历"

PROTEUS符号定制指南：个性化元件创建与修改的全面攻略

https://www.lagou.com/wn/爬取该网页职位名称，薪资待遇，学历，企业类型，工作地点数据保存为CSV文件的python代码

钗头凤声乐表演的二度创作分析报告

编写 PHP 页面实现一个留言板，包括留言者的 id（可以是网名），时间，主题，正文和附件；另外设计一个页面对留言进行列表，以表格的形式展示留言的简介；当点击一条信息后，显示该留言的详细信息

php案例】表单传值编写PHP代码实现如下功能：从图 (a)所示的PHP页面（testrequestform.php）中提取出表单中的字段值，然后在如图 (b)所示的另一个PHP页面(testrequest.php)中输出。【必备知识点】