当前位置:首页 > CMS教程 > Thinkphp > 列表

TP5框架实现上传多张图片的方法分析

发布:smiling 来源: PHP粉丝网  添加日期:2022-02-23 12:18:17 浏览: 评论:0 

这篇文章主要介绍了TP5框架实现上传多张图片的方法,结合实例形式分析了TP5上传多张图片相关的视图、模型、控制器操作技巧,需要的朋友可以参考下。

本文实例讲述了TP5框架实现上传多张图片的方法,分享给大家供大家参考,具体如下:

1、效果图(每点击一次‘添加选项',就会有一个新的 file 框来添加新的图片)

TP5框架实现上传多张图片的方法分析

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.   return '操作成功'
  9. else 
  10.   return '操作失败'

4、model

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

5、over over over

Tags: TP5上传多张图片

分享到: