search

博客列表 >实例演示单文件上传与分页原理及实现

实例演示单文件上传与分页原理及实现

李玉峰
李玉峰原创
2022年05月05日 17:45:20498浏览

1.实例演示单文件上传

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <?php
  4. // $_files:PHP超全局变量，保存被上传文件的全部信息
  5. printf('<pre>%s</pre>',print_r($_FILES,true));
  6. /**
  7.  * 1.$_FILES:二维数组，每个元素对应一个上传的文件
  8.  * 2.name:原始文件名
  9.  * 3.type:文件类型，mime类型
  10.  * 4.tmp_name:临时目录
  11.  * 5.error：错误代码
  12.  * 6.size:文件大小，字节表示byte
  13.  */
  15.  if(isset($_FILES['pic'])){
  16.      $name = $_FILES['pic']['name'];
  17.      $tmpName = $_FILES['pic']['tmp_name'];
  18.      $error = $_FILES['pic']['error'];
  20.      if($error > 0){
  21.          $tips = '<span style="color:red">上传失败:</span>';
  22.         switch($error){
  23.             case 1:
  24.                 $tips .= '文件超过了php配置Uupload_max_filesize限制的值';
  25.                 break;
  26.             case 2:
  27.                 $tips .= '文件大小超过了MAX_FILE_SIZE最大值';
  28.                 break;
  29.             case 3:
  30.                 $tips .= '文件只有部分被上传';
  31.                 break;
  32.             case 4:
  33.                 $tips .= '没有文件被上传';
  34.                 break;
  35.             case 6:
  36.                 $tips .= '找不到临时文件夹';
  37.                 break;
  38.             case 7:
  39.                 $tips .= '文件写入失败，请检查目录权限';
  40.                 break;
  41.         }
  42.         echo "<h2>$tips</h2>";
  43.      }else{
  44.          //success
  45.          //判断用户是不是通过合法的POST方式上传
  46.          if(is_uploaded_file($tmpName)){
  47.              //设置允许上传文件类型的白名单
  48.              $allow = ['jpg','png'];
  49.              //获取文件扩展名
  50.              //pathinfo:分割文件名，文件后缀
  51.             //  printf('<pre>%s</pre>',print_r(pathinfo($name),true));
  52.             $ext =  pathinfo($name)['extension'];
  53.             //in_array()判断某个元素是否存在在一个数组中
  54.             if(in_array($ext,$allow)){
  55.                 //两个条件都已满足
  56.                 //1.POST方式上传
  57.                 //2.文件类型是合法的
  59.                 //设置目标目录
  60.                 $path = 'uploads/';
  61.                 //自定义目标文件名
  62.                 $dest = $path . md5("$name") . '.' . $ext;
  64.                 //将文件从临时目录移动到目标文件夹中
  65.                 if(move_uploaded_file($tmpName,$dest)){
  66.                     echo '上传成功';
  67.                     // 预览
  68.                     echo "<img src='$dest' width = '500'>";
  69.                 }else {
  70.                     echo '移动失败';
  71.                 }
  72.             } else{
  73.                 echo '文件类型不允许上传';
  74.             }
  75.          }else{
  76.              echo '文件上传方式不合法';
  77.          }
  78.      }
  79.  }
  80. ?>
  81. <head>
  82.     <meta charset="UTF-8">
  83.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  84.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  85.     <title>文件上传的表单构造，超全局变量$_FILE</title>
  86. </head>
  87. <body>
  88.     <!-- 允许上传文件的表单特征：
  89.     1.method:POST
  90.     2.enctype="multipart/form-data，二进制上传 -->
  91.     <form action="" method="POST" enctype="multipart/form-data" >
  92.         <fieldset>
  93.             <legend>单文件上传</legend>
  94.             <input type="hidden" name="MAX_FILE_SIZE" value="3000000000">
  95.             <input type="file" name="pic" id="">
  96.             <button>上传</button>
  97.         </fieldset>
  98.     </form>
  99. </body>
  100. </html>

2.实例演示多文件上传

1.逐个上传

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <?php
  4. // $_files:PHP超全局变量，保存被上传文件的全部信息
  5. printf('<pre>%s</pre>',print_r($_FILES,true));
  7. foreach($_FILES as $file){
  8.     //$file中保存着每一个文件的信息
  9.     printf('<pre>%s</pre>',print_r($file,true));
  10.     if($file['error']===0){
  11.         $ext =  pathinfo($file['name'])['extension'];
  12.         $destFile = 'uploads/'. md5($file['name']) . '.' . $ext;
  13.         move_uploaded_file($file['tmp_name'],$destFile);
  14.         echo "<img src='$destFile' width = '500'>";
  15.     }
  16. }
  18. ?>
  19. <head>
  20.     <meta charset="UTF-8">
  21.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  22.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  23.     <title>多文件上传：逐个上传</title>
  24. </head>
  25. <body>
  26.     <form action="" method="POST" enctype="multipart/form-data" >
  27.         <fieldset>
  28.             <legend>多文件上传：逐个上传</legend>
  29.             <input type="file" name="pic1" id="">
  30.             <input type="file" name="pic2" id="">
  31.             <input type="file" name="pic3" id="">
  32.             <button>上传</button>
  33.         </fieldset>
  34.     </form>
  35. </body>
  36. </html>

2.数组上传接收

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <?php
  4. // $_files:PHP超全局变量，保存被上传文件的全部信息
  5. printf('<pre>%s</pre>',print_r($_FILES,true));
  7. if(isset($_FILES['pic'])){
  8.     //$_FILES是一个三维数组，判断[error]===0即可
  9.     foreach($_FILES['pic']['error'] as $key=>$error){
  10.         if($error ===0){
  11.             //临时文件名
  12.            $tmpName = $_FILES['pic']['tmp_name'][$key];
  13.            //原始文件名
  14.            $name = $_FILES['pic']['name'][$key];
  15.            //目标文件名
  16.            $ext =  pathinfo($name)['extension'];
  17.            $destFile = 'uploads/'. md5($name) . '.' . $ext;
  18.             //上传
  19.            move_uploaded_file($tmpName,$destFile);
  20.            echo "<img src='$destFile' width = '500'>";
  21.         }
  22.     }
  24. }
  25. ?>
  26. <head>
  27.     <meta charset="UTF-8">
  28.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  29.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  30.     <title>多文件上传：逐个上传2</title>
  31. </head>
  32. <body>
  33.     <form action="" method="POST" enctype="multipart/form-data" >
  34.         <fieldset>
  35.             <legend>多文件上传：逐个上传</legend>
  36.             <input type="file" name="pic[]" id="">
  37.             <input type="file" name="pic[]" id="">
  38.             <input type="file" name="pic[]" id="">
  39.             <button>上传</button>
  40.         </fieldset>
  41.     </form>
  42. </body>
  43. </html>

3.多文件上传：批量上传

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <?php
  4. // $_files:PHP超全局变量，保存被上传文件的全部信息
  5. printf('<pre>%s</pre>',print_r($_FILES,true));
  7. if(isset($_FILES['pic'])){
  8.     //$_FILES是一个三维数组，判断[error]===0即可
  9.     foreach($_FILES['pic']['error'] as $key=>$error){
  10.         if($error ===0){
  11.             //临时文件名
  12.            $tmpName = $_FILES['pic']['tmp_name'][$key];
  13.            //原始文件名
  14.            $name = $_FILES['pic']['name'][$key];
  15.            //目标文件名
  16.            $ext =  pathinfo($name)['extension'];
  17.            $destFile = 'uploads/'. md5($name) . '.' . $ext;
  18.             //上传
  19.            move_uploaded_file($tmpName,$destFile);
  20.            echo "<img src='$destFile' width = '500'>";
  21.         }
  22.     }
  24. }
  25. ?>
  26. <head>
  27.     <meta charset="UTF-8">
  28.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  29.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  30.     <title>多文件上传：批量上传</title>
  31. </head>
  32. <body>
  33.     <form action="" method="POST" enctype="multipart/form-data" >
  34.         <fieldset>
  35.             <legend>多文件上传：批量上传</legend>
  36.             <!-- multiple:允许同时选择多个上传 -->
  37.             <input type="file" name="pic[]" multiple>
  38.             <button>上传</button>
  39.         </fieldset>
  40.     </form>
  41. </body>
  42. </html>

3.分页

分页逻辑

  1. <?php
  2. // 1. 连接数据库
  3. $db = new PDO('mysql:dbname=phpedu', 'root', 'root');
  5. // 2. 当前页, 在GET参数中
  6. // https://www.php.cn/course.html?p=5
  7. // $page = isset($_GET['p']) ? $_GET['p'] : 1;
  8. // null合并
  9. $page = $_GET['p'] ?? 1;
  10. echo "当前页: p= $page <br>";
  12. // 3. 每页显示数量
  13. $num = 5;
  15. // 4. 记录总数
  16. $sql = 'SELECT COUNT(`id`) AS `total` FROM `staff`';
  17. $stmt = $db->prepare($sql);
  18. $stmt->execute();
  19. // 将某列的仠与php变量绑定 , `total` => $total
  20. $stmt->bindColumn('total', $total);
  21. $stmt->fetch(PDO::FETCH_ASSOC);
  22. echo "总记录数量: $total <br>";
  24. // 5. 总页数
  25. // 10.1 => 11 ceil: 向上取整,不丢数据
  26. $pages = ceil($total / $num);
  27. echo "总页数: $pages <br>";
  29. // 6. 偏移量
  30. // offset = (page - 1) * num
  31. $offset = ($page - 1) * $num;
  32. echo "偏移量: $offset <br>";
  34. // 7. 分页数据
  35. // $sql = "SELECT * FROM `staff` LIMIT $num OFFSET $offset";
  36. $sql = "SELECT * FROM `staff` LIMIT $offset, $num";
  37. $stmt = $db->prepare($sql);
  38. $stmt->execute();
  39. $staffs = $stmt->fetchAll(PDO::FETCH_ASSOC);
  41. // 遍历
  42. echo '<hr>';
  43. if (count($staffs) === 0) {
  44.     echo '查询结果为空';
  45. } else {
  46.     foreach ($staffs as $staff) {
  47.         extract($staff);
  48.         printf('$d-%s-%s-%s<br>', $id, $name, $sex, $email);
  49.     }
  50. }
  51. echo '<hr>';

页面渲染分页数据

  1. <?php require 'demo5.php' ?>
  2. <!DOCTYPE html>
  3. <html lang="zh-CN">
  5. <head>
  6.     <meta charset="UTF-8">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.     <title>页面展示分页数据</title>
  10.     <style>
  11.         table {
  12.             width: 400px;
  13.             border-collapse: collapse;
  14.             text-align: center;
  15.         }
  17.         table th,
  18.         table td {
  19.             border: 1px solid;
  20.             padding: 5px;
  21.         }
  23.         table thead {
  24.             background-color: lightcyan;
  25.         }
  27.         table caption {
  28.             font-size: larger;
  29.             margin-bottom: 8px;
  30.         }
  32.         p>a {
  33.             text-decoration: none;
  34.             color: #555;
  35.             border: 1px solid;
  36.             padding: 5px 10px;
  37.             margin: 10px 2px;
  38.         }
  40.         .active {
  41.             background-color: seagreen;
  42.             color: white;
  43.             border: 1px solid seagreen;
  44.         }
  45.     </style>
  46. </head>
  48. <body>
  49.     <table>
  50.         <caption>员工信息表</caption>
  51.         <thead>
  52.             <tr>
  53.                 <th>ID</th>
  54.                 <th>姓名</th>
  55.                 <th>性别</th>
  56.                 <th>邮箱</th>
  57.             </tr>
  58.         </thead>
  59.         <tbody>
  60.             <?php foreach ($staffs as $staff) : extract($staff) ?>
  61.                 <tr>
  62.                     <td><?= $id ?></td>
  63.                     <td><?= $name ?></td>
  64.                     <td><?= $sex ?></td>
  65.                     <td><?= $email ?></td>
  66.                 </tr>
  67.             <?php endforeach ?>
  68.         </tbody>
  69.     </table>
  70.     <p>
  71.         <?php for ($i = 1; $i <= $pages; $i++) : ?>
  72.             <!-- <a href="<?= $_SERVER['PHP_SELF'] . '?p=' . $i ?>" class="<?= ($i == $_GET['p']) ? 'active' : null ?>"><?= $i ?></a> -->
  74.             <?php
  75.             $url = $_SERVER['PHP_SELF'] . '?p=' . $i;
  76.             $active = $i == $_GET['p'] ? 'active' : null;
  77.             ?>
  78.             <a href="<?= $url ?>" class="<?= $active ?>"><?= $i ?></a>
  80.         <?php endfor ?>
  81.     </p>
  82. </body>
  84. </html>
上一条：PHP数据库的CURD操作下一条：VM_Ware虚拟机+CentOS 7 系统安装教程
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议