tip多文件上传(自找)

复制代码
HTMl代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="{:url('imgs/upload')}" method="post" enctype="multipart/form-data">
    <input type="file" name="imgs[]" multiple="multiple">
    <input type="submit" value="提交"/>
</form>
</body>
</html>
复制代码

控制器,视图展示,及添加:

复制代码
controller添加入库:

<?php
namespace app\index\controller;
use think\Controller;
use think\Db;

class Imgs extends Controller
{
//展示多文件添加视图
public function imgs(){ return view(); }
//接受用户表单提交的值
public function upload(){ // 获取表单上传文件 $files = request()->file('imgs'); foreach($files as $file){ // 移动到框架应用根目录/public/uploads/ 目录下 $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads'); $data[] = '/uploads/'.$info -> getSaveName(); } $arr['imgs'] = implode(',',$data); // echo $arr;die; $res = Db::name('admin') -> insert($arr); if($res){ $this -> success('添加成功','show'); }else{ $this -> error('添加失败'); } }
//添加入库后,展示视图
public function show(){ $data = Db::name('admin') -> select(); // dump($data);die; foreach($data as $k => $v){ $data[$k]['imgs'] = explode(',',$v['imgs']); } // dump($data);die; return view('show',['data' => $data]); } }
复制代码

列表HTML代码:

复制代码
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
{volist name="data" id="vo"}
    {volist name="vo.imgs" id="v"}
    <img src="__ROOT__/{$v}" alt=""/>
    {/volist}
{/volist}
</body>
</html>
复制代码

 

posted @   王越666  阅读(38)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示