search

博客列表 >多文件上传

多文件上传

晨
晨原创
2022年05月06日 09:31:32396浏览

方式1代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <?php
  4. foreach ($_FILES as $file) {
  5.     if ($file['error'] === 0) {
  6.         $destFile = 'uploads/' . $file['name'];
  7.         move_uploaded_file($file['tmp_name'],$destFile);
  8.         echo "<img src='$destFile' width='230'>";
  9.     }
  10. }
  12. ?>
  13. <head>
  14.     <meta charset="UTF-8">
  15.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  16.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  17.     <title>多文件上传</title>
  18.     <style>
  19. .upload {
  20.      display: grid;
  21.     grid-template-columns: repeat(1,1fr);
  22.     gap: 3vw;
  23.     padding: 0 15%;
  25. }
  26. .upload button {
  27.     width: 120px;
  28. }
  29.     </style>
  30. </head>
  31. <body>
  32.     <form action="" method="POST" enctype="multipart/form-data">
  33.         <fieldset class="upload">
  34.             <legend>多文件上传：逐个上传</legend>
  35.             <input type="file" name="mydoc1">
  36.             <input type="file" name="mydoc2">
  37.             <input type="file" name="mydoc3">
  38.             <button>上传</button>
  39.         </fieldset>
  40.     </form>
  41. </body>
  42. </html>

方式2代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <?php
  4. printf('<pre>%s</pre>', print_r($_FILES, true));
  5. if (isset($_FILES['mypic'])) {
  6.     foreach ($_FILES['mypic']['error'] as $key => $error) {
  7.         if ($error === 0) {
  8.             $tmpName = $_FILES['mypic']['tmp_name'][$key];
  9.             $name = $_FILES['mypic']['name'][$key];
  10.             $destFile = 'uploads/' . $name;
  11.              move_uploaded_file($tmpName,$destFile);
  12.              echo "<img src='$destFile' width='240'>";
  13.         }
  14.     }
  15. }
  16. ?>
  17. <head>
  18.     <meta charset="UTF-8">
  19.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  20.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  21.     <title>Document多文件上传2</title>
  22. </head>
  23. <body>
  24.     <form action="" method="POST" enctype="multipart/form-data">
  25.         <fieldset>
  26.             <legend>多文件上传：逐个上传2</legend>
  27.             <input type="file" name="mypic[]">
  28.             <input type="file" name="mypic[]">
  29.             <input type="file" name="mypic[]">
  30.             <button>上传</button>
  31.         </fieldset>
  32.     </form>
  33. </body>
  34. </html>

方式3代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <?php
  4. printf('<pre>%s</pre>', print_r($_FILES, true));
  5. if (isset($_FILES['mypic'])) {
  6.     foreach ($_FILES['mypic']['error'] as $key => $error) {
  7.         if ($error === 0) {
  8.             $tmpName = $_FILES['mypic']['tmp_name'][$key];
  9.             $name = $_FILES['mypic']['name'][$key];
  10.             $destFile = 'uploads/' . $name;
  11.              move_uploaded_file($tmpName,$destFile);
  12.              echo "<img src='$destFile' width='240'>";
  13.         }
  14.     }
  15. }
  16. ?>
  17. <head>
  18.     <meta charset="UTF-8">
  19.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  20.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  21.     <title>Document多文件上传3</title>
  22. </head>
  23. <body>
  24.     <form action="" method="POST" enctype="multipart/form-data">
  25.         <fieldset>
  26.             <legend>多文件上传：批量上传</legend>
  27.             <input type="file" name="mypic[]" multiple>
  28.             <button>上传</button>
  29.         </fieldset>
  30.     </form>
  31. </body>
  32. </html>
上一条：实例演示简单分页操作下一条：单文件上传
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议