这篇文章主要介绍了TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法,结合实例形式分析了thinkPHP5框架结合bootstrap实现图片上传相关布局与控制器操作技巧,需要的朋友可以参考下。

本文实例讲述了TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法，分享给大家供大家参考，具体如下：

1-引入js文件和css文件

1. <!--图片上传--> 
2. <link href="/public/static/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet"> 
3. <link href="/public/static/css/fileinput.css" rel="external nofollow" media="all" rel="stylesheet" type="text/css" /> 
4. <script src="/public/static/js/jquery-2.0.3.min.js"></script> 
5. <script src="/public/static/js/fileinput.js" type="text/javascript"></script> 
6. <script src="/public/static/js/fileinput_locale_de.js" type="text/javascript"></script> 
7. <script src="/public/static/js/bootstrap.min.js" type="text/javascript"></script> 

2-html代码

1. <div class="form-group"> 
2.   <label for="inputPassword3" class="col-sm-2 control-label">轮播图</label> 
3.   <div class="col-sm-10"> 
4.     <input class="file" type="file" name="img"> 
5.   </div> 
6. </div> 

3-控制器

1. public function add() { 
2.  $file = $request->file("img"); 
3. //声明一个空的文件路径 
4. $imgPath = ""; 
5. //移动文件到框架应用更目录的public/uploads/ 
6. if ($file) { 
7.   $info = $file->move(ROOT_PATH . 'public' . DS . 'upload' . DS . 'top_bar' . DS . date('Y') . DS . date('m-d'),md5(microtime(true))); 
8.   if ($info) { 
9.     $imgPath = "/public/upload/top_bar/" . date('Y') . '/' . date('m-d') . '/' . $info->getSaveName(); 
10.        } 
11.    } else { 
12.   //错误提示用户 
13.   return $this->error($file->getError()); 
14.     } 
15. //赋值 
16. $data["thumb_url"] = $imgPath; 
17. $dataId = Db::name('top_bar')->insertGetId($data); 
18. }

Tags: thinkPHP5单图上传 bootstrap

分享到：