最近遇到一个需求,就是多张图片上传,按住Ctrl键能选择多张图片一次性上传,上传成功后数据库保存图片的路径及图片原来的文件名。该功能一般在比较成熟的内容编辑器插件中有,今天特意挑出来给大家讲讲,下面在本地环境给大家演示。总共三个文件index.html、conn.php、upload.php

index.html文件

<html>
<head>上传文件</head>
<body>
  <form method="post" action="upload.php" enctype="multipart/form-data">
       <input name='uploads[]' type="file" multiple>
       <input type="submit" name="uploadpic" value="上传">
  </form>
</body>
</html>

连接数据库conn.php文件

<?php
  $conn=mysql_connect("localhost","root","root") or die("数据库服务器连接错误".mysql_error());
  mysql_select_db("test2",$conn) or die("数据库访问错误".mysql_error());
  mysql_query("set character utf8");
  mysql_query("set names utf8");

图片处理upload.php文件

<?php test2
include("conn.php");
$uploadfile; // 图片的名字
if($_POST['uploadpic']=='上传'){
 $dest_folder   =  "D:/phpStudy/WWW/picture/";   //上传图片保存的路径 图片放在跟你upload.php同级的picture文件夹里
 $arr=array();   //定义一个数组存放上传图片的名称方便你以后会用的。
 $count=0;
 if(!file_exists($dest_folder)){
     mkdir($dest_folder,700); // 创建文件夹,并给予最高权限
   }
 $tp = array("image/gif","image/pjpeg","image/jpeg","image/png");    //检查上传文件是否在允许上传的类型
 foreach ($_FILES["uploads"]["error"] as $key => $error){
     if(!in_array($_FILES["uploads"]["type"][$key],$tp)){
           echo "<script language='javascript'>";
           echo "alert(\"文件类型错误!\");";
           echo "</script>";
             exit;
       }
     if($error == UPLOAD_ERR_OK){
       $tmp_name = $_FILES["uploads"]["tmp_name"][$key];
       $a=explode(".",$_FILES["uploads"]["name"][$key]);  //截取文件名跟后缀
         // $prename = substr($a[0],10);   //如果你到底的图片名称不是你所要的你可以用截取字符得到
       $prename = $a[0];
       $name = date('YmdHis').mt_rand(100,999).".".$a[1];  // 文件的重命名 (日期+随机数+后缀)
       $uploadfile = $dest_folder.$name;     // 文件的路径
       move_uploaded_file($tmp_name, $uploadfile);
       $arr[$count]=$uploadfile;
       $query="insert into product(name,tupian,pLike) values('$prename','$uploadfile','0')"; // 插入到数据库
       $res=mysql_query($query);
       if($res)
        echo $prename."chenggong<br/>";
        echo $uploadfile."<br />";
       $count++;
        }
       }
       echo "总共".$count."文件";
       }

雷小天博客

数据库test2中的product表设计

雷小天博客

图片保存到数据库