thinkphp3.2处理多张图片上传（已成功）

亦凉 2022-04-08 09:14 438阅读 0赞

在做后台图片编辑和上传的时候往往会遇到比较棘手的问题，就是如何上传多张图片，本来以为要在input后面加个按钮，判断要添加的时候，在创一个input，这样子的话每个图片都有自己一个对应的name,这样后台便会拿到图片的路径。  
不用以上方法，其实也很简单：   
1.我们在表单form那里用数组去保存图片的name,再加上一个multiple,这样按住ctrl就可以多选了。

<input class="form-control" id="intro\_pic" name="intro\_pic\[\]" type='file' multiple="multiple"   placeholder="">  
  
2.我们通过ajax异步提交表单的数据，但是这里要注意的是图片的数据不能通过序列化的形式提交上去，数据流不一样，要实例化formdata提交

public function uploaldPic($data,$file)\{  
        $upload = new \\Think\\Upload();// 实例化上传类  
        $upload->maxSize   =     3145728 ;// 设置附件上传大小  
        $upload->exts      =     array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型  
        $upload->rootPath  =     './upload/'; // 设置附件上传根目录  
        $upload->savePath  =     ''; // 设置附件上传（子）目录  
        $upload->thumb              = true;  
        // 设置引用图片类库包路径  
        $upload->imageClassPath     = '@.ORG.Image';  
        //设置需要生成缩略图的文件后缀  
        $upload->thumbPrefix        = 'm\_';  
        //设置缩略图最大宽度  
        $upload->thumbMaxWidth      = '200,100';  
        //设置缩略图最大高度  
        $upload->thumbMaxHeight     = '200,100';  
        //设置上传文件规则  
        $upload->saveRule           = 'uniqid';  
        $upload->replace           = true;  
        //删除原图  
        $upload->thumbRemoveOrigin  = true;  
        // 上传文件  
        $info=array();  
        $a = '';  
        //通过遍历把刚刚存入的图片。依次拼成图片路径，你们可以通过var\_dump去查看输去内容  
        foreach ($file\['intro\_pic'\]\['name'\] as $key=>$value)\{  
            $file1=array();  
            $file1\["intro\_pic"\]\['name'\]=$value;  
            $file1\["intro\_pic"\]\['type'\]=$file\['intro\_pic'\]\["type"\]\[$key\];  
            $file1\["intro\_pic"\]\['tmp\_name'\]=$file\['intro\_pic'\]\["tmp\_name"\]\[$key\];  
            $file1\["intro\_pic"\]\['error'\]=$file\['intro\_pic'\]\["error"\]\[$key\];  
            $file1\["intro\_pic"\]\['size'\]=$file\['intro\_pic'\]\["size"\]\[$key\];  
            $info   =   $upload->upload($file1);  
            foreach ($info as $key=>$value)  
            \{  
                     $a.="\#".$value\['savepath'\].$value\['savename'\];//我用符号把图片路径拼起来   
            \}  
        \}  
        //把第一个\#去掉，同时写进data数据库里面的intro\_pic字段  
        $data\["intro\_pic"\]=substr($a,1);  
        $info1   =  $upload->upload();  
        foreach ($info1 as $key=>$value)  
        \{  
            $data\["$key"\]=$value\['savepath'\].$value\['savename'\];  
        \}  
        return $data;  
    \}  
  
4.以上我们就存到我们的数据库了，那我们怎么把他们显示到视图上呢， 这个很简单了， 把图片路径用\#切割一次，给视图做一次循环输出路径就可以，其中$result是查询返回的数据，包括图片字段。

foreach($result as $key =>$value)\{  
            $result\[$key\]\['intro\_pic'\] = explode("\#",$value\['intro\_pic'\]);//多张图片用\#分开  
           \}  
  
5.最后一步，视图遍历

<foreach name="game\_list" item="item">  
   <td class="text-left">//对该字段多张图片遍历，GAME\_PATH是我自己定义的路径  
    <foreach name="item\['intro\_pic'\]" item="item\_child">                                                 <img src="<\{:C('GAME\_PATH')\}><\{$item\_child\}>">                                                </foreach>    
    </td>  
</foreach>

转载自：https://blog.csdn.net/feizhong\_web/article/details/74999830