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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值