tp5使用layui实现多个图片上传的方法是什么

本篇内容主要讲解"tp5使用layui实现多个图片上传的方法是什么"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"tp5使用layui实现多个图片上传的方法是什么"吧!

tp5使用layui实现多个图片上传（带附件选择），如何加载layui在此不详细说明，有需要可以百度

html代码，主要处理都是在jq中，完成方法全部原创，也许不是最简单的，但也能实现效果

{include file="public/header" /}
              首页        多选图片列表                  添加多选图片            ဂ
  
添加多选图片
  
     
        
        多图片上传                选择图片                
          预览图：          
        
      
                               
                          增加           
  
  

php代码

  //php layui图片上传    public function upload_img(){        $file = request()->file('file'); // 获取上传的文件        if($file==null){            exit(json_encode(array('code'=>1,'msg'=>'未上传图片')));        }else{            //5、对上传文件做出条件限制（类型，大小等）            $map = [                'ext'=>'jpg,png,gif,jpeg',//后辍名                'size'=>320000000,//最大3M            ];            //6、对上传的文件进行较验，如果合格就进行转移到预定设定好的public/uploads目录下            //返回保存的文件信息info，包括文件名和大小等数据            $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'])));        }     }  //多选图片添加页面    public function addImages(){        if($this->request->isPost()){            //2、获取提交过来的数据，最后true参数，表示连上传文件一起获取            $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');    }

到此，相信大家对"tp5使用layui实现多个图片上传的方法是什么"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！