Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 文件上传实例
Blogger Information
Blog 36
fans 0
comment 0
visits 28102
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
文件上传实例
phpcn_u202398
Original
621 people have browsed it

1、单个文件上传

代码示例
  1. <?php
  2. printf('<pre>%s</pre>', print_r($_FILES, true));
  4. $fileType = $_FILES['pic']['type'];
  6.    if (strstr($fileType, '/', true) !== 'image') echo '<p>文件类型错误</p>';
  8.    // 临时文件名
  9.     $tempFileName = $_FILES['pic']['tmp_name'];
  11.     if (is_uploaded_file($tempFileName)) {
  13.         // 原始文件名
  14.         $originalFileName = $_FILES['pic']['name'];
  15.         // 目录文件名
  16.        $destFileName =  'uploads/'.strstr($originalFileName, '.');
  17.        // 移动文件到目标目录使用的函数
  18.         if (move_uploaded_file($tempFileName, $destFileName)) {
  20.             echo "<p>$originalFileName: 上传成功~~</p>";
  21.             // 预览
  22.             echo "<img src='{$destFileName}' width='200'>";
  23.         }
  24.     }
  26. ?>
  27. <!DOCTYPE html>
  28. <html>
  29.     <head>
  30.         <meta charset="utf-8">
  31.         <title>单文件上传</title>
  32.     </head>
  33.     <body>
  34.         <form action=""  method="POST" enctype="multipart/form-data">
  35.             <fieldset>
  36.                 <legend>单个文件上传</legend>
  37.                 <input type="hidden" name="MAX_FILE_SIZE" value="300000">
  38.                 <input type="file" name="pic" id="pic">
  39.                 <button>提交</button>
  40.         </fieldset>
  41.         </form>
  42.     </body>
  43. </html>

2、多个文件上传

代码示例
  1. <?php
  2. printf('<pre>%s</pre>', print_r($_FILES, true));
  4. if ($_FILES['pic'])
  5. foreach ($_FILES['pic']['error'] as $key => $error) {
  6.     // 只要判断 error === 0 
  7.     if ($error === UPLOAD_ERR_OK) {
  8.       // 临时文件名
  9.       $tmpFileName = $_FILES['pic']['tmp_name'][$key];
  10.       // 原始文件名
  11.       $originalFileName = $_FILES['pic']['name'][$key];
  12.        // 目标文件名
  13.        $destFileName = 'uploads/'. $originalFileName;
  15.        // 移动文件
  16.        move_uploaded_file($tmpFileName, $destFileName);
  17.        // 预览
  18.        echo "<img src='{$destFileName}' width='200'>";
  19.     }
  20. }
  22. ?>
  23. <!DOCTYPE html>
  24. <html>
  25.     <head>
  26.         <meta charset="utf-8">
  27.         <title>单文件上传</title>
  28.     </head>
  29.     <body>
  30.         <form action=""  method="POST" enctype="multipart/form-data">
  31.             <fieldset>
  32.                 <legend>单个文件上传</legend>
  33.                 <input type="hidden" name="MAX_FILE_SIZE" value="300000">
  34.                 <input type="file" name="pic[]" id="pic"> 
  35.                 <input type="file" name="pic[]" id="pic"> 
  36.                 <input type="file" name="pic[]" id="pic">
  37.                 <button>提交</button>
  38.         </fieldset>
  39.         </form>
  40.     </body>
  41. </html>

3、批量上传

代码示例
  1. <?php
  2. // $_FILES
  3. printf('<pre>%s</pre>', print_r($_FILES, true));
  4. if ($_FILES['pic'])
  5. foreach ($_FILES['pic']['error'] as $key => $error) {
  6.     // 只要判断 error === 0 
  7.     if ($error === UPLOAD_ERR_OK) {
  8.       // 临时文件名
  9.       $tmpFileName = $_FILES['pic']['tmp_name'][$key];
  10.       // 原始文件名
  11.       $originalFileName = $_FILES['pic']['name'][$key];
  12.        // 目标文件名
  13.        $destFileName = 'uploads/'. $originalFileName;
  15.        // 移动文件
  16.        move_uploaded_file($tmpFileName, $destFileName);
  17.        // 预览
  18.        echo "<img src='{$destFileName}' width='200'>";
  19.     }
  20. }
  22. ?>
  23. <!DOCTYPE html>
  24. <html>
  25.     <head>
  26.         <meta charset="utf-8">
  27.         <title>单文件上传</title>
  28.     </head>
  29.     <body>
  30.         <form action=""  method="POST" enctype="multipart/form-data">
  31.             <fieldset>
  32.                 <legend>单个文件上传</legend>               
  33.                 <input type="hidden" name="MAX_FILE_SIZE" value="300000">
  34.                 <input type="file" name="pic[]" id="pic" multiple>          
  35.                 <button>提交</button>
  36.         </fieldset>
  37.         </form>
  39.     </body>
  40. </html>

4、封装常用上传方式

4.1、封装上传方式

代码示例
  1. <?php  
  3.   class Upload{
  4.    //单文件上传
  5.     public  function  one(){
  6.         $fileType = $_FILES['pic']['type'];
  7.         if (strstr($fileType, '/', true) !== 'image') echo '<p>文件类型错误</p>';
  9.            // 临时文件名
  10.          $tempFileName = $_FILES['pic']['tmp_name'];
  12.         if (is_uploaded_file($tempFileName)) {        
  14.                 // 原始文件名
  15.              $originalFileName = $_FILES['pic']['name'];
  16.                 // 目录文件名
  17.              $destFileName =  'uploads/'.strstr($originalFileName, '.');
  18.                  // 移动文件到目标目录使用的函数
  19.             if (move_uploaded_file($tempFileName, $destFileName)) {
  20.                 echo "我是".__FUNCTION__."方法"."<br>";
  21.                     // 预览
  22.                  echo "<img src='{$destFileName}' width='200'>";
  23.              }
  24.         }
  25.     }
  26.     //多文件上传
  27.     public function two(){
  29.         if ($_FILES['pic'])
  30.         echo "我是".__FUNCTION__."方法"."<br>";
  31.         foreach ($_FILES['pic']['error'] as $key => $error) {
  32.             // 只要判断 error === 0 
  33.             if ($error === UPLOAD_ERR_OK) {
  34.               // 临时文件名
  35.               $tmpFileName = $_FILES['pic']['tmp_name'][$key];
  36.               // 原始文件名
  37.               $originalFileName = $_FILES['pic']['name'][$key];
  38.                // 目标文件名
  40.                $destFileName = 'uploads/'. $originalFileName;
  42.                // 移动文件
  43.                move_uploaded_file($tmpFileName, $destFileName);
  44.                // 预览
  46.                echo "<img src='{$destFileName}' width='200'>";
  47.             }
  48.         }
  49.     }
  51.   }
  53.   $uploads = new Upload();
  55.   //判断传入的数据
  56.   $files = $_FILES['pic']['name'];
  58.   if(!is_array($files)){
  59.      $uploads->one();
  61.   }else{
  62.       $uploads->two();
  63.   }
  64. ?>

4.2、前端代码——单文件上传

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>单文件上传</title>
  6.     </head>
  8.     <body>
  9.         <form action="class.php"  method="POST" enctype="multipart/form-data">
  10.             <fieldset>
  11.                 <legend>单个文件上传</legend>               
  12.                 <input type="hidden" name="MAX_FILE_SIZE" value="500000">
  13.                 <input type="file" name="pic" id="pic">           
  15.                 <button>提交</button>
  17.         </fieldset>
  18.         </form>
  20.     </body>
  21. </html>

4.3、前端代码——多文件上传

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>单文件上传</title>
  6.     </head>
  8.     <body>
  9.         <form action="class.php"  method="POST" enctype="multipart/form-data">
  10.             <fieldset>
  11.                 <legend>单个文件上传</legend>               
  12.                 <input type="hidden" name="MAX_FILE_SIZE" value="500000">
  13.                 <input type="file" name="pic[]" id="pic">
  14.                 <input type="file" name="pic[]" id="pic"> 
  15.                 <button>提交</button>
  17.         </fieldset>
  18.         </form>
  19.     </body>
  20. </html>

学习总结

本节课我们学习了文件上传，通过本节课的学习使我学到了文件上传的知识以及如何进行文件上传的操作。希望在以后的实战中巩固和深入理解。

Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：我们的文件上传课, 几乎将所有的场景 都包括进来了, 多做做这方面练习, 以后文件上传更也难不倒你了
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post