使用TP5框架怎么实现多图上传功能-创新互联

使用TP5框架怎么实现多图上传功能?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

在防城港等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站设计制作、成都做网站 网站设计制作按需网站设计,公司网站建设,企业网站建设,品牌网站制作,成都全网营销推广,成都外贸网站建设,防城港网站建设费用合理。

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


使用TP5框架怎么实现多图上传功能

2、view





添加
 

  $("#add").click(function(){
    $(this).before('');
  });

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;

看完上述内容,你们掌握使用TP5框架怎么实现多图上传功能的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


文章题目:使用TP5框架怎么实现多图上传功能-创新互联
转载注明:http://scyanting.com/article/dhcipg.html