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

这篇文章主要介绍了php结合layui前端实现多图上传的方法，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联建站专注于盐池企业网站建设,响应式网站建设,成都做商城网站。盐池网站建设公司,为盐池等地区提供建站服务。全流程按需求定制制作，专业设计，全程项目跟踪，创新互联建站专业和态度为您提供的服务

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

前端html代码

    请选择图片
    
    

        

            

                

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

        
    
    开始上传
        

js 代码

后端代码

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

上传效果：

感谢你能够认真阅读完这篇文章，希望小编分享php结合layui前端实现多图上传的方法内容对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，遇到问题就找创新互联，详细的解决方法等着你来学习!