TP5之上传多张图片

1、效果图（每点击一次‘添加选项’，就会有一个新的 file 框来添加新的图片）

2、view

 1 <!--不要忘了引入jquery文件-->
 2 <!-- post传值方式和文件传输协议一定要加上 -->
 3 <input type="file" name="image[]">
 4 <input type="button" id="add" name="add" value="+ 添加选项">
 5 <button type="submit" name="submit">添加</button>
 6 
 7 <script type="text/javascript">
 8     $("#add").click(function(){
 9         $(this).before('<input type="file" name="image[]">');
10     });
11 </script>

 

3、controller

 1 //接收从view来的图片数组
 2 $image=request()->file('image');
 3 
 4 //实例化模型，并调用里面的添加图片的方法
 5 $details = new Details();
 6 $info = $details->add($image);
 7 if($info === 1)
 8 {
 9     return '操作成功';
10 }
11 else
12 {
13     return '操作失败';
14 }

 

4、model

 1 //将接收到的 $image foreach遍历添加
 2 foreach($image as $image)
 3 {
 4     //实例化模型
 5     $details = new Details();
 6     $time=date('Ymd',time());
 7     //将当前的时间戳定义为文件名
 8     $filename=time();
 9     //检测是否存在存放图片的文件夹
10     if(!file_exists(ROOT_PATH . 'public' . DS .'static'. DS .'img'))
11     {
12         //创建文件
13         mkdir(ROOT_PATH . 'public' . DS .'static'. DS .'img');
14     }
15     //上传图片
16     $info=$image->move(ROOT_PATH . 'public' . DS .'static'. DS .'img'.DS.$time,$filename);
17     //将图片路径存放在数据库中
18     $details->url = $time.DS.$info->getFileName();
19     $details->allowField(true)->save();
20 }
21 return 1;

 

over！over！over！

posted @ 2019-03-22 18:35  为牧  阅读(833)  评论(0)  编辑  收藏  举报