php多个文件及图片上传实例详解

这篇文章主要介绍了php多个文件及图片上传的方法,以实例形式详细叙述了多文件上传的原理与实现技巧,非常实用,需要的朋友可以参考下

本文实例讲述了php多个文件及图片上传的方法。分享给大家供大家参考。具体实现方法如下:

多个文件上传是在单文件上传的基础上利用遍历数组的方式进行遍历表单数组然后把文件一个个上传到服务器上了,下面就来看一个简单多个文件上传实例

多个文件上传和单独文件上传的处理方式是一样的,只需要在客户端多提供几个类型为“file”的输入表单,并指定不同的“name”属性值。例如,在下面的代码中,可以让用户同时选择三个本地文件一起上传给服务器,客户端的表单如下所示:

  1. <html>
  2. <head><title>多个文件上传表单</title></head>
  3. <body>
  4. <form action="mul_upload.php" method="post" enctype="multipart/form-data">
  5. <input type="hidden" name="MAX_FILE_SIZE" value="1000000">
  6. 选择文件1:<input type="file" name='myfile[]'><br>
  7. 选择文件2:<input type="file" name='myfile[]'><br>
  8. 选择文件3:<input type="file" name='myfile[]'><br>
  9. <input type="submit" value="上传文件">
  10. </form>
  11. </body>
  12. </html>

在上面的代码中,将三个文件类型的表单以数组的形式组织在一起。当上面的表单教给PHP的脚本文件mul_upload.php时,在服务器端同样使用全局数组$_FILES存储所有上述文件的信息,但$_FILES由二维数组已经转变为三维数组,这样就可以存储多个上传文件的信息。在脚本文件mul_upload.php中,使用print_r()函数将$_FILES数组中的内容输出,代码如下所示:

  1. <?php
  2. //打印三维数组$_FILES中的内容,查看一下存储上传文件的结构
  3. print_r($_FILES);
  4. ?>

当选择三个本地文件提交后,输出结果如下所示:

  1. Array(
  2. [myfile]=>Array(
  3. [name]=>Array( //$_FILES["myfile"]["name"]存储所有上传文件的内容
  4. [0]=>Rav.ini //$_FILES["myfile"]["name"][0]第一个上传文件的名称
  5. [1]=>msgsocm.log //$_FILES["myfile"]["name"][1]第二个上传文件的名称
  6. [2]=>NOTEPAD.EXE) //$_FILES["myfile"]["name"][2]第三个上传文件的名称
  7. [type]=>Array( //$_FILES["myfile"]["type"]存储所有上传文件的类型
  8. [0]=>application/octet-stream //$_FILES["myfile"]["type"][0]第一个上传文件的类型
  9. [1]=>application/octet-stream //$_FILES["myfile"]["type"][1]第二个上传文件的类型
  10. [2]=>application/octet-stream) //$_FILES["myfile"]["type"][2]第三个上传文件的类型
  11. [tmp_name]=>Array(
  12. [0]=>C:/WINDOWS/Temp/phpAF.tmp
  13. [1]=>C:/WINDOWS/Temp/phpB0.tmp
  14. [2]=>C:/WINDOWS/Temp/phpB1.tmp)
  15. [error]=>Array(
  16. [0]=>0
  17. [1]=>0
  18. [2]=>0)
  19. [size]=>Array(
  20. [0]=>64
  21. [1]=>1350
  22. [2]=>66560))
  23. )

通过输出$_FILES数组的值可以看到,处理多个文件的上传和单个文件上传时的情况一样的,只是$_FILES数组的结构形式略有不同。通过这种方式可以支持更多数量的文件上传。

例子如下:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>文档上传</title>
  6. </head>
  7. <body>
  8. <script language="javascript"><!--
  9. 动态添加文件选择控件-->
  10. function AddRow()
  11. {
  12. var eNewRow = tblData.insertRow();
  13. for (var i=0;i<1;i++)
  14. {
  15. var eNewCell = eNewRow.insertCell();
  16. eNewCell.innerHTML = "<tr><td><input type='file' name='filelist[]' size='50'/></td></tr>";
  17. }
  18. }
  19. // --></script>
  20. <form name="myform" method="post" action="uploadfile.php" enctype="multipart/form-data" >
  21. <table width="400" >
  22. <!-- 将上传文件必须用post的方法和enctype="multipart/form-data" -->
  23. <!-- 将本页的网址传给uploadfile.php-->
  24. <input name="postadd" type="hidden" value="<?php echo "http://".$_SERVER['HTTP_HOST'].$_SERVER["PHP_SELF"]; ?>" />
  25. <tr><td>文件上传列表
  26. <input type="button" name="addfile" onclick="AddRow()" value="添加列表" /></td></tr>
  27. <!-- filelist[]必须是一个数组-->
  28. <tr><td><input type="file" name="filelist[]" size="50" /></td></tr>
  29. </table>
  30. <input type="submit" name="submitfile" value="提交文件" />
  31. </form>
  32. </body>
  33. </html>
  34. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  35. <html xmlns="http://www.w3.org/1999/xhtml">
  36. <head>
  37. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  38. <title>文档上传</title>
  39. </head>
  40. <body>
  41. <script language="javascript"><!--
  42. 动态添加文件选择控件-->
  43. function AddRow()
  44. {
  45. var eNewRow = tblData.insertRow();
  46. for (var i=0;i<1;i++)
  47. {
  48. var eNewCell = eNewRow.insertCell();
  49. eNewCell.innerHTML = "<tr><td><input type='file' name='filelist[]' size='50'/></td></tr>";
  50. }
  51. }
  52. // --></script>
  53. <form name="myform" method="post" action="uploadfile.php" enctype="multipart/form-data" >
  54. <table width="400" >
  55. <!-- 将上传文件必须用post的方法和enctype="multipart/form-data" -->
  56. <!-- 将本页的网址传给uploadfile.php-->
  57. <input name="postadd" type="hidden" value="<?php echo "http://".$_SERVER['HTTP_HOST'].$_SERVER["PHP_SELF"]; ?>" />
  58. <tr><td>文件上传列表
  59. <input type="button" name="addfile" onclick="AddRow()" value="添加列表" /></td></tr>
  60. <!-- filelist[]必须是一个数组-->
  61. <tr><td><input type="file" name="filelist[]" size="50" /></td></tr>
  62. </table>
  63. <input type="submit" name="submitfile" value="提交文件" />
  64. </form>
  65. </body>
  66. </html>

提交文件代码:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>文件上传结果</title>
  6. </head>
  7. <body>
  8. <?php
  9. if ($_POST["submitfile"]!="")
  10. {
  11. $Path="./".date('Ym')."/";
  12. if (!is_dir($Path))//创建路径
  13. { mkdir($Path); }
  14. echo "<div>";
  15. for ($i=0;$i<count($filelist);$i++)
  16. { //$_FILES["filelist"]["size"][$i]的排列顺序不可以变,因为fileist是一个二维数组
  17. if ($_FILES["filelist"]["size"][$i]!=0)
  18. {
  19. $File=$Path.date('Ymdhm')."_".$_FILES["filelist"]["name"][$i];
  20. if (move_uploaded_file($_FILES["filelist"]["tmp_name"][$i],$File))
  21. { echo "文件上传成功 文件类型:".$_FILES["filelist"]["type"][$i]." "."文件名:"
  22. .$_FILES["filelist"]["name"][$i]."<br>"; }
  23. else
  24. { echo "文件名:".$_FILES["filelist"]["name"][$i]."上传失败</br>"; }
  25. }
  26. }
  27. echo "</div><br><a href="$postadd" href="$postadd">返回</a></div>";
  28. }
  29. ?>
  30. </body>
  31. </html>

上面例子基于 js来动态增加上传文件框了,从而达到多文件上传的功能。

希望本文所述对大家的PHP程序设计有所帮助。