tp5实现图片上传数据库与显示

最新推荐文章于 2021-08-05 12:19:27 发布

长发程序猿

最新推荐文章于 2021-08-05 12:19:27 发布

阅读量2.1k

点赞数 3

本文链接：https://blog.csdn.net/weixin_44341812/article/details/100732603

版权

tp5实现图片上传数据库与显示

图片从前端页面获取
后台获取数据
前端图片的加载
总结：

图片从前端页面获取

html文件

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>图片上传</title>

</head>
<body>
	<form action="" enctype="multipart/form-data" method="post">
            <input type="file" name="image" id="imgs" /> <br> 
            <input type="submit" value="上传" id="mySubmit" /> 
    </form> 
   
</body>
</html>

后台获取数据

php文件

 public function index()
    {
        //$name= input('text');
       // $date= date("Y/m/d") ;
        // echo $meg;
         $file = request()->file('image');


    // 移动到框架应用根目录/public/uploads/ 目录下
    if($file){
        $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');
        if($info){
            // 成功上传后 获取上传信息
            // 输出 jpg
            echo $info->getExtension();
            $info= $info->getSaveName();
            echo $info;
            // 输出 20160820/42a79759f284b767dfcb2a0197904287.jpg
            // echo $info->getSaveName();
            // $info1= $info->getExtension()
            // 输出 42a79759f284b767dfcb2a0197904287.jpg
            // echo $info->getFilename(); 
           //gete为数据表名
            $data = ['gete' => $info, 'time' => $date,'name'=>$name];
            $data1=Db::name('poto')->insert($data);
            if ($data1==1) {
                echo "成功上传";
            }



        }else{
            // 上传失败获取错误信息
            echo $file->getError();
        }
      }
      //用于图片再前端显示
      $info=Db::table("poto")->select();
        $this->assign("info",$info);
        //var_dump ( $info);die;
        //输出的就是储存图片的名字
    	return view();
    }

前端图片的加载

html文件

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>图片上传</title>

</head>
<body>
	
    {volist name="info" id="vo"}
 <img src="../public/uploads/{$vo.gete}" width="100%" alt=""/>
//图片的路径
</body>
</html>