用TP5怎样编写上传多张图片的功能？

这篇文章给大家分享的是用TP5怎样编写上传多张图片的功能。小编觉得挺实用的，因此分享给大家做个参考，实现效果及代码如下，文中示例代码介绍的非常详细，感兴趣的朋友接下来一起跟随小编看看吧。

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

2、view

!--不要忘了引入jquery文件-->
    
!-- post传值方式和文件传输协议一定要加上 -->
    
input type="file" name="image[]">
    
input type="button" id="add" name="add" value="+ 添加选项">
    
button type="submit" name="submit">
    添加/button>
    
 
script type="text/javascript">

  $("#add").click(function(){
    
    $(this).before('input type="file" name="image[]">
    ');

  }
    );
    
/script>
    

3、controller

//接收从view来的图片数组
$image=request()->
    file('image');
    
 
//实例化模型，并调用里面的添加图片的方法
$details = new Details();
    
$info = $details->
    add($image);

if($info === 1)
{
    
  return '操作成功';

}

else
{
    
  return '操作失败';

}

4、model

//将接收到的 $image foreach遍历添加
foreach($image as $image)
{
    
  //实例化模型
  $details = new Details();
    
  $time=date('Ymd',time());
    
  //将当前的时间戳定义为文件名
  $filename=time();

  //检测是否存在存放图片的文件夹
  if(!file_exists(ROOT_PATH . 'public' . DS .'static'. DS .'img'))
  {
    
    //创建文件
    mkdir(ROOT_PATH . 'public' . DS .'static'. DS .'img');

  }
    
  //上传图片
  $info=$image->
    move(ROOT_PATH . 'public' . DS .'static'. DS .'img'.DS.$time,$filename);
    
  //将图片路径存放在数据库中
  $details->
    url = $time.DS.$info->
    getFileName();
    
  $details->
    allowField(true)->
    save();

}
    
return 1;
    

5、over over over

以上就是关于用TP5怎样编写上传多张图片的功能介绍，本文只是提供了一种实现思路，代码仅供参考，需要的朋友可以了解看看，希望对大家学习TP5框架的使用有帮助，想要了解更多可以继续浏览网络其他相关的文章。

文本转载自脚本之家

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！