php layui实现前端多图上传实例

前端  /  管理员 发布于 4年前   427

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前端实现多图上传的全部知识点，感谢大家的支持。