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( //开源软件:phpfensi.com
  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来动态增加上传文件框了,从而达到多文件上传的功能.