JS实现多图片上传，无插件，动态生成标签

文件结构：JS文件夹内是jquery库文件，upfile是上传文件存放目录，home.php后台处理代码，index.html是前端页面，说明是我个人的文档，无用

1.此代码适合所有版本jquery库，监听事件的On方法,如果使用Live方法，jquery库要在1.8.3以下，下面是代码

前端页面部分：index.html

文件：

 

后台处理部分：home.php

//$arrType=array('image/jpg','image/gif','image/png','image/bmp','image/jpeg');
//$max_size='500000';   // 最大文件限制（单位：byte）
$upfile='upfile'; //图片目录路径
//@$file=$_FILES['potoimg'];
$file="";
$lei="";
if(!empty($_FILES['potoimg0'])){
$file = $_FILES['potoimg0'];
$lei =0;
}
if(!empty($_FILES['potoimg1'])){
$file = $_FILES['potoimg1'];
$lei =1;
}
if(!empty($_FILES['potoimg2'])){
$file = $_FILES['potoimg2'];
$lei =2;
}
if(!empty($_FILES['potoimg3'])){
$file = $_FILES['potoimg3'];
$lei =3;
}
if(!empty($_FILES['potoimg4'])){
$file = $_FILES['potoimg4'];
$lei =4;
}


if($_SERVER['REQUEST_METHOD']=='POST'){ //判断提交方式是否为POST
    if(!is_uploaded_file($file['tmp_name'])){ //判断上传文件是否存在
echo "文件不存在！";
echo "";
exit;
    }
if(!file_exists($upfile)){  // 判断存放文件目录是否存在
mkdir($upfile,0777,true);
} 

$suijishu=rand(999,9999);
//$imageSize=getimagesize($file['tmp_name']);//得到图片的属性
//$img=$imageSize[0].'*'.$imageSize[1];//图片的宽X高
$fname=$file['name'];
$ftype=explode('.',$fname);
$picName=$upfile."/".time().$suijishu.".".$ftype["1"];
   
if(file_exists($picName)){
echo "同文件名已存在！";
echo "";
exit;
    }
if(!move_uploaded_file($file['tmp_name'],$picName)){  
echo "移动文件出错！";
echo "";
exit;
    }
}
?>