在以前项目中遇到有上传图片都是用 web Uploader插件上传，因为我现在项目都在使用 layui 所以今天趁着有时间写一个tp5结合layui上传图片的demo

我用的是Tinkphp5.1版本 layui用的是2.1.1 废话不多说 代码如下：

下面的是html代码

 

    
             
                 
     
      tp5 + layui 上传图片
     
     
    
      
        
       上传图片        
       
        
       
    
      
     

 

 

因为是demo 所以我就把他上传到Index模块index控制器里面了，下面是php代码 我用的是tp5.1的 

public function upload(){        $pathName  =  $this->request->param('path');//图片存放的目录        $file = request()->file('file');        $path =  'static/uploads/images/' . (!empty($pathName) ? $pathName : 'img');        if(!is_dir($path)){            mkdir($path, 0755, true);        }        $info = $file->move($path);        if ($info && $info->getPathname()) {            $data = [                'status' => 1,                'data' =>  '/'.$info->getPathname(),            ];            echo exit(json_encode($data));        } else {            echo exit(json_encode($file->getError()));        }    }

 

如果需要复制上面的html代码 需要引入 jquery 和 layui ！！！！！！！！！！！！！！！！！！！！

楼主只写了一些简单的图片上传以及删除 有兴趣的可以写一下图片上传以后图片左右移动，如果有需要tp3.2版本 + layui的 上传图片可以在下方留言 楼主会抽时间也附上tp3.2的，最后 这里附上layui官方 upload上传图片文档的传送门：

 

单图上传效果：

多图上传效果：

 

 

 本文为作者原创文章,转载无需和我联系,但请注明来自：