页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular VUE

thinkphp5+layui多图片上传

文件上传 7v 21天前  次浏览

准备资料

下载layui




	图片上传

 
上传多张图片
预览图:

tp5 代码:

public function imgdemo(Request $request){
    //接收上传的文件
    $file = $this->request->file('file');
  
            if(!empty($file)){
                //图片存的路径
                $imgUrl= ROOT_PATH . 'public' . DS . 'uploads'. '/' .  date("Y/m/d");
                
                // 移动到框架应用根目录/public/uploads/ 目录下
                
                $info = $file->validate(['size'=>1048576,'ext'=>'jpg,png,gif'])->rule('uniqid')->move($imgUrl);
                $error = $file->getError();
                //验证文件后缀后大小
                if(!empty($error)){
                    dump($error);exit;
                }
                if($info){
                    // 成功上传后 获取上传信息
                //获取图片的名字
                $imgName = $info->getFilename();
                //获取图片的路径
                $photo=$imgUrl . "/" . $imgName;

                }else{
                    // 上传失败获取错误信息
                    $file->getError();
                }
            }else{
                $photo = '';
            }
    if($photo !== ''){
        return ['code'=>1,'msg'=>'成功','photo'=>$photo];
    }else{
        return ['code'=>404,'msg'=>'失败'];
    }

}

效果图如下


服务端



注意(报错可能是资源引用路径错误)




相关链接

版权所有

发表评论