search

博客列表 >PHP基础-文件上传

PHP基础-文件上传

岂几岂几
岂几岂几原创
2020年05月13日 01:08:04588浏览

文件上传实战案例

1. 页面

  1. 单文件上传页面
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.   <meta charset="UTF-8" />
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.   <title>单个文件上传</title>
  8.   <style>
  9.     @import url("style/style.css");
  10.   </style>
  11. </head>
  13. <body>
  14.   <form action="doBusiness.php" method="post" enctype="multipart/form-data">
  15.     <section class="upload-box">
  16.       <div class="upload-title">
  17.         <span>请选择需要上传的文件</span>
  18.       </div>
  19.       <div class="upload-content">
  20.         <div class="upload-item">
  21.           <!-- 隐藏域限制文件大小为约256K -->
  22.           <input type="hidden" name="MAX_FILE_SIZE" value="256000">
  23.           <input type="file" name="single" id="single" />
  24.         </div>
  25.         <div class="upload-item">
  26.           <p>文件大小限制: 256KB</p>
  27.         </div>
  28.         <div class="upload-item">
  29.           <button type="submit">上传</button>
  30.         </div>
  31.       </div>
  32.     </section>
  33.   </form>
  34. </body>
  36. </html>

效果图:

  1. 多文件上传(文件域name属性值不同)
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.   <meta charset="UTF-8" />
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.   <title>多文件上传（一）</title>
  8.   <style>
  9.     @import url("style/style.css");
  10.   </style>
  11. </head>
  13. <body>
  14.   <form action="doBusiness.php" method="post" enctype="multipart/form-data">
  15.     <section class="upload-box">
  16.       <div class="upload-title">
  17.         <span>请选择需要上传的文件</span>
  18.       </div>
  19.       <div class="upload-content">
  20.         <!-- 隐藏域限制文件大小为约256K -->
  21.         <input type="hidden" name="MAX_FILE_SIZE" value="256000">
  22.         <div class="upload-item">
  23.           <input type="file" name="file1" id="file1" />
  24.         </div>
  25.         <div class="upload-item">
  26.           <input type="file" name="file2" id="file2" />
  27.         </div>
  28.         <div class="upload-item">
  29.           <input type="file" name="file3" id="file3" />
  30.         </div>
  31.         <div class="upload-item">
  32.           <input type="file" name="file4" id="file4" />
  33.         </div>
  34.         <div class="upload-item">
  35.           <p>文件大小限制: 256KB</p>
  36.         </div>
  37.         <div class="upload-item">
  38.           <button type="submit">上传</button>
  39.         </div>
  40.       </div>
  41.     </section>
  42.   </form>
  43. </body>
  45. </html>

效果图:

  1. 多文件上传(文件域的name属性值相同)
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.   <meta charset="UTF-8" />
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.   <title>单个文件上传（二）</title>
  8.   <style>
  9.     @import url("style/style.css");
  10.   </style>
  11. </head>
  13. <body>
  14.   <form action="doBusiness.php" method="post" enctype="multipart/form-data">
  15.     <section class="upload-box">
  16.       <div class="upload-title">
  17.         <span>请选择需要上传的文件</span>
  18.       </div>
  19.       <div class="upload-content">
  20.         <!-- 隐藏域限制文件大小为约256K -->
  21.         <input type="hidden" name="MAX_FILE_SIZE" value="256000">
  22.         <div class="upload-item">
  23.           <input type="file" name="file[]" />
  24.         </div>
  25.         <div class="upload-item">
  26.           <input type="file" name="file[]" />
  27.         </div>
  28.         <div class="upload-item">
  29.           <input type="file" name="file[]" />
  30.         </div>
  31.         <div class="upload-item">
  32.           <input type="file" name="file[]" />
  33.         </div>
  34.         <div class="upload-item">
  35.           <p>文件大小限制: 256KB</p>
  36.         </div>
  37.         <div class="upload-item">
  38.           <button type="submit">上传</button>
  39.         </div>
  40.       </div>
  41.     </section>
  42.   </form>
  43. </body>
  45. </html>

效果图:

  1. 文件批量上传
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.   <meta charset="UTF-8" />
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.   <title>文件批量上传</title>
  8.   <style>
  9.     @import url("style/style.css");
  10.   </style>
  11. </head>
  13. <body>
  14.   <form action="doBusiness.php" method="post" enctype="multipart/form-data">
  15.     <section class="upload-box">
  16.       <div class="upload-title">
  17.         <span>请选择需要上传的文件</span>
  18.       </div>
  19.       <div class="upload-content">
  20.         <div class="upload-item">
  21.           <!-- 隐藏域限制文件大小为约256K -->
  22.           <input type="hidden" name="MAX_FILE_SIZE" value="256000">
  23.           <input type="file" name="single[]" multiple />
  24.         </div>
  25.         <div class="upload-item">
  26.           <p>文件大小限制: 256KB</p>
  27.         </div>
  28.         <div class="upload-item">
  29.           <button type="submit">上传</button>
  30.         </div>
  31.       </div>
  32.     </section>
  33.   </form>
  34. </body>
  36. </html>

效果图:

  1. 文件上传结果页
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>上传结果</title>
  8.     <style>
  9.         @import url('style/result.css');
  10.     </style>
  11. </head>
  13. <body>
  14.     <?php if (!empty($success)) : ?>
  15.         <table border="1" cellspacing="0" cellpadding="10" width="800" align="center">
  16.             <caption style="font-size: 1.5rem; margin-bottom: 30px;">上传成功的文件</caption>
  17.             <thead style="background-color: lightblue;">
  18.                 <tr>
  19.                     <th>文件序号</th>
  20.                     <th>文件名</th>
  21.                     <th>缩略图</th>
  22.                     <th>扩展名</th>
  23.                 </tr>
  24.             </thead>
  25.             <tbody>
  26.                 <?php foreach ($success as $item) : ?>
  27.                     <tr>
  28.                         <td><?php echo $item['filenumber'] ?></td>
  29.                         <td><?php echo $item['filename'] ?></td>
  30.                         <td><img src="<?php echo $item['filepath'] ?>"></td>
  31.                         <td><?php echo $item['extName'] ?></td>
  32.                     </tr>
  33.                 <?php endforeach; ?>
  34.             </tbody>
  35.         </table>
  36.         <hr>
  37.     <?php endif; ?>
  38.     <?php if (!empty($failure)) : ?>
  39.         <table border="1" cellspacing="0" cellpadding="10" width="800" align="center">
  40.             <caption style="font-size: 1.5rem; margin-bottom: 30px;">上传失败的文件</caption>
  41.             <thead style="background:orangered">
  42.                 <tr>
  43.                     <th>文件序号</th>
  44.                     <th>文件名</th>
  45.                     <th>错误码</th>
  46.                     <th>错误信息</th>
  47.                 </tr>
  48.             </thead>
  49.             <tbody>
  50.                 <?php foreach ($failure as $item) : ?>
  51.                     <tr>
  52.                         <td><?php echo $item['filenumber'] ?></td>
  53.                         <td><?php echo $item['filename'] ?></td>
  54.                         <td><?php echo $item['errorCode'] ?></td>
  55.                         <td><?php echo $item['message'] ?></td>
  56.                     </tr>
  57.                 <?php endforeach; ?>
  58.             </tbody>
  59.         </table>
  60.     <?php endif; ?>
  61. </body>
  63. </html>

效果图:

2. 处理脚本

  1. 请求处理脚本(doBusiness.php)
  1. <?php
  2. // 加载文件上传处理类
  3. require('FileUpload.php');
  5. // 执行文件上传
  6. $res = (new FileUpload())->doFileUpload();
  8. // 若没有处理结果, 则表示$_FILES中的数据格式暂时无法处理
  9. if (count($res) === 0) {
  10.     printf('<script>alert("暂不支持的文件上传形式");window.history.go(-1);</script>');
  11.     exit;
  12. }
  14. // printfpre($res);
  16. // 上传成功的文件信息数组
  17. $success = $res['success'];
  18. // 上传失败的文件信息数组
  19. $failure = $res['failure'];
  21. // 加载上传结果页, 显示上传结果数据
  22. require('upload_result.php');
  1. 文件上传处理类(FileUpload.php)
  1. <?php
  2. require('../../out.php');
  3. class FileUpload
  4. {
  5.     /* 文件保存路径 */
  6.     private static $fileMovePath = 'uploads/';
  8.     /* 保存处理结果的数组 */
  9.     private $res = null;
  11.     /* 合法的文件MIME类型 */
  12.     private $allowMine = ['image'];
  14.     /* 上传处理方法 */
  15.     public function doFileUpload()
  16.     {
  17.         $this->res = [];
  19.         // 批量上传的情况（三维数组，第一维数组只有一个元素）
  20.         if (COUNT($_FILES) === 1 && is_array(current($_FILES)['error'])) {
  21.             // 获取第一维数组的第一个元素
  22.             $batch_files = current($_FILES);
  24.             // 便利第二维数组中key=error的值数组
  25.             for ($index = 0; $index < count($batch_files['error']); $index++) {
  26.                 // 把上传文件的信息保存为一维数组
  27.                 $fileInfo = [
  28.                     'name' => $batch_files['name'][$index],
  29.                     'type' => $batch_files['type'][$index],
  30.                     'tmp_name' => $batch_files['tmp_name'][$index],
  31.                     'error' => $batch_files['error'][$index],
  32.                     'size' => $batch_files['size'][$index],
  33.                 ];
  35.                 // 执行验证和移动
  36.                 // printf('开始处理第%d个文件<br/>', ($index + 1));
  37.                 $this->doUpload($fileInfo, $index + 1);
  38.                 // printf('第%d个文件处理完成<hr/>', ($index + 1));
  39.             }
  40.         }
  41.         // 简单处理，如果不是三维数组，则认定其为单文件上传或文件域name属性值不相同的多文件上传
  42.         else if (!is_array(current($_FILES)['error'])) {
  43.             $index = 1;
  44.             // 便利一维数组，执行验证和移动
  45.             foreach ($_FILES as $file) {
  46.                 // printf('开始处理第%d个文件<br/>', $index);
  47.                 $this->doUpload($file, $index);
  48.                 // printf('第%d个文件处理完成<hr/>', $index);
  49.             }
  50.         }
  52.         return $this->res;
  53.     }
  55.     /**
  56.      * 执行文件上传的方法 
  57.      * $file : 文件信息
  58.      * $index : 对应前端文件域的序号
  59.      */
  60.     private function doUpload(array $file, $index)
  61.     {
  62.         // 上传出错的代码
  63.         $errorCode = $file['error'];
  65.         // 大于0的错误码为上传失败
  66.         if ($errorCode > UPLOAD_ERR_OK) {
  67.             // 异常信息
  68.             $message = '';
  69.             switch ($errorCode) {
  70.                 case UPLOAD_ERR_INI_SIZE:
  71.                     $message = '上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值';
  72.                     break;
  73.                 case UPLOAD_ERR_FORM_SIZE:
  74.                     $message = '上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值';
  75.                     break;
  76.                 case UPLOAD_ERR_PARTIAL:
  77.                     $message = '文件只有部分被上传';
  78.                     break;
  79.                 case UPLOAD_ERR_NO_FILE:
  80.                     $message = '没有文件被上传';
  81.                     break;
  82.                 case UPLOAD_ERR_NO_TMP_DIR:
  83.                     $message = '找不到临时文件夹';
  84.                     break;
  85.                 case UPLOAD_ERR_CANT_WRITE:
  86.                     $message = '文件写入失败';
  87.                     break;
  88.                 default:
  89.                     // 测试时建议关掉default: 避免误报影响
  90.                     $message = '未知类型错误';
  91.             }
  93.             $this->res['failure'][] = [
  94.                 'filename' => $file['name'] ?? '',
  95.                 'errorCode' => $errorCode,
  96.                 'message' => $message,
  97.                 'filenumber' => $index,
  98.             ];
  99.             return;
  100.         }
  102.         // 判断文件MIME类型
  103.         $fileMine = strstr($file['type'], '/', true);
  104.         if (!in_array($fileMine, $this->allowMine)) {
  105.             $this->res['failure'][] = [
  106.                 'filename' => $file['name'] ?? '',
  107.                 'errorCode' => 8,
  108.                 'message' => '文件MIME不允许上传',
  109.                 'filenumber' => $index,
  110.             ];
  112.             return;
  113.         }
  115.         // 临时文件
  116.         $tmpFileName = $file['tmp_name'];
  117.         /* 非法请求, 当处理失败处理 */
  118.         if (!is_uploaded_file($tmpFileName)) {
  119.             $this->res['failure'][] = [
  120.                 'filename' => $file['name'] ?? '',
  121.                 'errorCode' => 9,
  122.                 'message' => '不是合法的文件上传请求，劝你善良',
  123.                 'filenumber' => $index,
  124.             ];
  126.             return;
  127.         }
  129.         // 准备移动
  130.         // 原文件名
  131.         $oriFileName = $file['name'];
  132.         // 文件扩展名
  133.         $extName = strstr($oriFileName, '.') ?? '';
  134.         // 目标文件名（包括路径）
  135.         $targetFileName = self::$fileMovePath . md5(time() . rand(1, 1000)) . $extName;
  137.         // 执行移动
  138.         if (move_uploaded_file($tmpFileName, $targetFileName)) {
  139.             $this->res['success'][] = [
  140.                 'filename' => $oriFileName,
  141.                 'filepath' => $targetFileName,
  142.                 'filenumber' => $index,
  143.                 'extName' => $extName,
  144.             ];
  145.         } else {
  146.             $this->res['failure'][] = [
  147.                 'filename' => $oriFileName,
  148.                 'errorCode' => 10,
  149.                 'filenumber' => $index,
  150.                 'message' => '移动文件失败',
  151.             ];
  152.         }
  153.     }
  154. }

学习心得

文件上传是比较过程化的流程. 而4种文件上传提交的数据, 在$_FILES上以不同的数据结构存放. 因此只要把不同的数据结构转成相同的结构来处理, 就可以统一操作了.

上一条：服务端 - PHP - 数据库之使用PDO进行增删改查下一条：MySql操作数据库的CURD
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多