实例说明

上传图片到服务器,是程序开发过程中必不可少的一个功能,它不但可以达到图片共享的目的,而且可以提高网站的访问量,丰富网站的内容,在本实例中,讲解如何通过POST方式实现多图片上传.

关键技术

多文件上传的关键是如何定义上传文件元素的名称及如何判断上传文件的数量,在本实例中,以数组的形式定义上传文件的名称,上传文件的名称是“files[]”,为了达到可以上传任意数量图片,4个图片以内的目的,在对上传文件进行处理的过程中应用array_filter()函数和回调函数去除数组中的空元素.

array_filter()函数,用回调函数过滤数组中的单元,语法如下:

array array_filter(array input[,callback callback])

array_filter()函数依次将input数组中的每个值传递到callback函数,如果callback函数返回TRUE,则input数组的当前值会被包含在返回的结果数组中,并且数组的键名保留不变.

说明:在回调函数中不要对数组进行修改操作,例如,增加或者删除数组中的元素,如果一旦数组改变,那么此函数的运用也就没有意义了,如果没有提供callback()函数,array_filter()将删除input中本实例中定义的回调函数是check(),用于验证数组中的元素值是否为空,其语法如下:

1. function check($var){//验证数组的返回值是否为空 
2.           return($var!=""); 
3. } 

说明:通过POST方法实现多图片上传,在创建form表单时,必须指定enctype="multipart/form-data"属性,如果要通过隐藏域MAX_FILE_SIZE的值对上传文件的大小进行控制,那么必须将隐藏放置在上传文件的文件域之前,否则是不会起作用的.

设计过程

（1）创建index.php文件,添加表单,设置文件域、提交按钮,使用POST方法,设置enctype="multipart/form-data",将数据提交到index_ok.php页,完成多个文件的上传操作,其关键代码如下:

1. <table width="750"border="0"cellspacing="0"cellpadding="0"> 
2.         <form action="index_ok.html"method="post"enctype="multipart/form-data"name="form1"> 
3.            <tr> 
4.              <td width="100"height="25"align="right"class="STYLE1">内容1：</td> 
5.              <td width="150"align="center"><input name="files[]"type="text"id="files[]"size="15"></td> 
6.              <td align="left"><input name="picture[]"type="file"id="pcture[]"size>="30"></td> 
7.            </tr> 
8.            <tr> 
9.              <td height="25"align="right"class="STYLE1">内容2：</td> 
10.              <td width="center"><input name="files[]"type="text"id="files[]"size="15"></td> 
11.              <td align="left"><input name="picture[]"type="file"id="pcture[]"size>="30"></td> 
12.            </tr> 
13.          <tr> 
14.             <td colspan="3"align="center"> 
15.                  <input type="image"name="imageField"src="images/bg_09.jpg">&nbsp;&nbsp;&nbsp;&nbsp; 
16.                  <input type="image"name="imgeField2"src="images/bg_11.jpg"></td> 
17.             </tr> 
18.           </form> 
19.          </table> 

（2）在index.php文件中,连接数据库,读取数据库中存储的数据,实现上传文件的分页输出,代码请参考相关内容.

（3）创建index.php文件获取表单中提交的数据,将多个文件存储到服务器中,将文件的名称和存储路径存储到数据库中,其代码如下:

1. <?php 
2.     header("Content-type:text/html;charset=UTF-8");     //设置文件编码格式 
3.     include"conn/conn.php";                             //包含数据库链接文件 
4.     if($_POST[files]!=""){ 
5.           if(! is_dir("./upfile")){ 
6.                   mkdir("./upfile");                    //创建上传文件存储文件夹 
7.           } 
8.           $data=date("Y-m-d H:m:s");                    //定义时间 
9.           function check($var){                         //验证数组的返回值是否为空 
10.                      return($var!="");                  //如果不为空则返回数组元素 
11.           } 
12.           $files=array_filter($_POST["files"],"check");  //去除数组中空值 
13.           $array=array_filter($_FILES["picture"]["name"],"check"); //去除数组中空值 
14.           foreach=($aarray as $key=>value){             //循环读取数组中数据 
15.                  $path='upfile/'.time().$key.strtolower(strstr($value,".")); //定义上传文件存储位置 
16.                  move_uploaded_file($_FILES["picture"]["tmp_name"][$key],$path);  //执行上传操作 
17.                  $query="insert into tb_up_file(file_test,data,file_name)values('$path','$data''$files[$key]')"; 
18.                  $result=mysql_query($query); 
19.           } 
20.           echo"<script> 
21.           alert('图片上传成功');window.location.href='index.html';</script>"; 
22.          } 
23.          ?> 
24.