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

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

前端html代码

    请选择图片

    

    

        

            

                

                    

                    

                    

                    

                    

                

            

            

        

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

    

    开始上传

        

js 代码

后端代码

publicfunctionuploadAction(){

        $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));

        }

    }

上传效果：

本文参考地址：https://www.php.cn/php-weizijiaocheng-426619.html