laravel多文件图片上传,一种代码两种体验,既可单上传也可以多上传

首先配置config文件夹下的filesystem.php文件

    'disks' => [

        'local' => [
            'driver' => 'local',
            'root' => public_path('image'),
        ],

        'public' => [
            'driver' => 'local',
            'root' => public_path('image'),
            'url' => env('APP_URL').'image',
            'visibility' => 'public',
        ],

        's3' => [
            'driver' => 's3',
            'key' => env('AWS_ACCESS_KEY_ID'),
            'secret' => env('AWS_SECRET_ACCESS_KEY'),
            'region' => env('AWS_DEFAULT_REGION'),
            'bucket' => env('AWS_BUCKET'),
            //'url' => env('AWS_URL'),
        ],

以上配置将会在默认入口public目录中创建一个名为image的文件夹,你上传的图片将会在这个目录中

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="{{URL::asset('/asset/css/layui.css')}}">
</head>
<body>
<form action="{{ url('up_do') }}"  method="post"  enctype="multipart/form-data">
    {{csrf_field()}}

    <div class="layui-form-item">
        <label class="layui-form-label">轮播图</label>
        <div class="layui-input-block">
            <input type="file" name="imgSrc[]" multiple="multiple">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">详情图</label>
        <div class="layui-input-block">
            <input type="file" name="detail">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">分类</label>
        <div class="layui-input-block">
            <select name="cateid" lay-verify="required">
                <option value="鸡">鸡</option>
                <option value="鸭">鸭</option>
                <option value="兔">兔</option>
                <option value="熟食">熟食</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>
</body>
</html>

前端代码需注意当中的input file的name采用了imgSrc[]数组的形式

 

后端代码如下

  public function up_do(Request $request)
    {
        $data = $request->file('file');
        //dd($data);die();
        foreach($data as $k => $v)
        {
            $arr[$k] = $v->store('file');
        }
        echo $arr;
    }

轻松搞定

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值