sifangpay/resources/views/admin/fileupload/handle.blade.php

103 lines
3.2 KiB
PHP

@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