php结合layui前端实现 多图上传

1、效果图

效果图上完了，就开始代码咯！

2、前端html代码

	请选择图片
	
	

		

			

				

					
文件名
					
图片预览
					
大小
					
状态
					
操作
				
			
		    

		
	
	开始上传
		

3、js 代码

4、后端代码

 public function uploadAction(){
        $file=$_FILES['file'];
        $root_url =  'uploadfiles/pic/image/';
        if (!is_uploaded_file($file['tmp_name'])){
            $data = array('code'=>1,'msg'=>"错误");
            exit(json_encode($data,0));
        }
      /*  $root_url.=date('Ymd').'/';*/
 
        $ext = pathinfo($file['name']);
        $num=makenum($this->memberinfo['id']);
        $root_url.=$num.'/';
        if (!is_dir($root_url)) {
            mkdir($root_url,0777, true);
        }
        $pa=file_list::get_file_list($root_url);
        $na=count($pa) + 1;
        if ($na<10){
            $name=$num.'-000'.$na;
        }elseif($na<100){
            $name=$num.'-00'.$na;
        }elseif($na<1000){
            $name=$num.'-0'.$na;
        }else{
            $name=$num.'-'.$na;
        }
        $n=$root_url.$name.".".$ext['extension'];
        $result=move_uploaded_file($file['tmp_name'],$n);
        if ($result){
            exit(json_encode(array("code"=>0,"msg"=>"ok","file"=>$n,"size"=>$file['size']),0));
        }else{
            exit(json_encode(array("code"=>1,"msg"=>"false","file"=>$n,"size"=>$file['size']),0));
        }
    }