@extends('admin.layouts.base')
@section('add_css')

@endsection
@section('content')

        <div class="layui-tab">
            <ul class="layui-tab-title">
                <li class="layui-this">上传文件</li>
                <li>文件空间</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">


                    <div class="layui-upload-drag " id="upload" style="width: 100%;box-sizing: border-box">
                        <i class="layui-icon"></i>
                        <p>点击上传，或将文件拖拽到此处</p>
                    </div>

                    <div class="layui-row">
                        <div class="">
                            <div class="layui-upload-list ">


                            </div>
                        </div>
                    </div>

                </div>
                <div class="layui-tab-item">

                    <div class="layui-upload-list tuku-list">


                    </div>
                    <div class="" id="page"></div>

                </div>
            </div>
        </div>


@endsection
@section('add_js')
    <script>

        layui.use(['index', 'table', 'custorm'], function () {
            var $ = layui.$
                , jquery = $
                , custorm = layui.custorm
                , form = layui.form
                , table = layui.table;

            custorm.upload_one(".insert_upload_logo");



        });
    </script>
    <script>
        layui.use(['index', 'upload', 'custorm'], function () {
            var $ = layui.jquery
                , custorm = layui.custorm
                , upload = layui.upload;
            $(document).on('click', ".layui-upload-list .item", function () {
                $(this).toggleClass('on');
            });

            upload.render({
                elem: '#upload'
                , multiple: true
                , url: g_upload_url,
                data: {
                    _token: $('[name="csrf-token"]').attr('content'),

                }
                , done: function (res) {
                    img_src = '';
                    if (res.success == 1) {

                        img_src = res.path;
                        if (res.type != 'image') {
                            img_src = '__STATIC__/images/file.png'
                        }
                        console.log(img_src);
                        html_str = '<div class="layui-upload-img  item layui-inline " data-size="'+res.sizepx+'" data-tmpname="'+res.tmpname+'" data-type="'+res.type+'" data-src="' + res.path + '"> ' +
                            '<img src="' + img_src + '" class="" title="' + res.tmpname + '" alt="" > ' +
                            '<p class="layui-">' + res.tmpname + '</p> </div>';
                        $(".layui-upload-list").append(html_str);
                    }

                },error:function () {
                    layer.msg('图片上传太大');
                }
            });
            custorm.layerpage("{{ admin_url('FileUpload','handle',['type'=>'api','uptype'=>request()->input('uptype','image')]) }}", {'limit': 20});


        });

    </script>
@endsection