tp5使用layui實(shí)現(xiàn)多個(gè)圖片上傳（帶附件選擇），如何加載layui在此不詳細(xì)說(shuō)明，有需要可以百度

html代碼，主要處理都是在jq中，完成方法全部原創(chuàng)，也許不是最簡(jiǎn)單的，但也能實(shí)現(xiàn)效果

{include file="public/header" /}


      
        首頁(yè)
        多選圖片列表
        
          添加多選圖片
      
  
    ဂ


  
添加多選圖片
  

 
    

 
 
      

        多圖片上傳
        
        選擇圖片
        
        

          預(yù)覽圖：
          

        
      
 
      
      
        
      
    

      
      
      
        增加
      
 
    
  


 



 

php代碼

  //php layui圖片上傳
    public function upload_img(){
        $file = request()->file('file'); // 獲取上傳的文件
        if($file==null){
            exit(json_encode(array('code'=>1,'msg'=>'未上傳圖片')));
        }else{
            //5、對(duì)上傳文件做出條件限制（類型，大小等）
            $map = [
                'ext'=>'jpg,png,gif,jpeg',//后輟名
                'size'=>320000000,//最大3M
            ];
            //6、對(duì)上傳的文件進(jìn)行較驗(yàn)，如果合格就進(jìn)行轉(zhuǎn)移到預(yù)定設(shè)定好的public/uploads目錄下
            //返回保存的文件信息info，包括文件名和大小等數(shù)據(jù)
            $info = $file->validate($map)->move(ROOT_PATH . 'public/uploads/img');
            //獲取圖片寬高
            list( $width , $height , $type , $attr ) = getimagesize ($info->getPathName());
 
            if(is_null($info)){
                $this->error($info->getError());
            }
            $img = str_replace('','/',$info->getSaveName());
            //保存附件
            $annexData['filesize'] = $info->getInfo()['size'];
            $annexData['mimetype'] = $info->getInfo()['type'];
            $annexData['filename'] = $info->getInfo()['name'];
            $annexData['imagewidth'] = $width;
            $annexData['imageheight'] = $height;
            $annexData['type'] = 'img';
            $annexData['url'] = $img;
            AAnnexModel::create($annexData);
            $img = constant("URL")."/uploads/img/".$img;
            exit(json_encode(array('code'=>0,'msg'=>$img,'url'=>$annexData['url'])));
        }
 
    }
 
 //多選圖片添加頁(yè)面
    public function addImages(){
        if($this->request->isPost()){
            //2、獲取提交過(guò)來(lái)的數(shù)據(jù)，最后true參數(shù)，表示連上傳文件一起獲取
            $data = $this->request->param(true);
            $res = AImagesModel::create($data);
            if(is_null($res)){
                $this->error('文件添加失敗');
            }else{
                $this->success('文件添加成功...',url('imagesList'));
            }
            return;
        }
        return $this->fetch('images_add');
    }
 

到此這篇關(guān)于tp5使用layui實(shí)現(xiàn)多個(gè)圖片上傳(帶附件選擇)的方法實(shí)例的文章就介紹到這了,更多相關(guān)tp5 多圖片上傳內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！