92 lines
3.0 KiB
HTML
92 lines
3.0 KiB
HTML
{extend name="public/base" /}
|
|
|
|
{block name="body"}
|
|
<form action="__SELF__" class="layui-form" method="post">
|
|
|
|
<div class="site-demo-upload">
|
|
<img id="LAY_demo_upload" src="http://console.cnskl.com/static/system/images/avatar.jpg">
|
|
<div class="site-demo-upbar">
|
|
<input type="file" class="layui-upload-file" name="image" id="image">
|
|
</div>
|
|
</div>
|
|
|
|
<input type="file" class="layui-upload-file" name="file" id="file">
|
|
<ul>
|
|
<li></li>
|
|
</ul>
|
|
|
|
<textarea name="dsa" id="demo" style="display: none;"></textarea>
|
|
<button class="layui-btn layui-btn-primary" lay-submit lay-filter="submit"> <i class="layui-icon"></i> 登录 </button>
|
|
</form>
|
|
{/block}
|
|
|
|
{block name="layui"}
|
|
<script type="text/javascript">
|
|
layui.use(['upload', 'layedit', 'form'], function() {
|
|
var $ = layui.jquery;
|
|
var layedit = layui.layedit;
|
|
var form = layui.form();
|
|
|
|
var edit = layedit.build('demo', {
|
|
uploadImage: {
|
|
url: "{:url('storage/editor')}"
|
|
,type: 'post'
|
|
}
|
|
});
|
|
|
|
form.on('submit(submsit)', function(data) {
|
|
$.post(data.form.action, data.field, function(res) {
|
|
if (res.code == 1) {
|
|
layer.msg(res.msg, {icon: 1, time: 1500}, function() {
|
|
location.href = '/';
|
|
});
|
|
} else {
|
|
layer.msg(res.msg, {icon: 5});
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
layui.upload({
|
|
url: "{:url('storage/upload')}?type=image",
|
|
title: '图片上传',
|
|
elem: '#image',
|
|
method: 'post',
|
|
type: 'image',
|
|
before: function(input) {
|
|
layer.msg('文件上传中...', {icon: 16 ,shade: 0.3, time: 0, id: 1});
|
|
},
|
|
success: function(res) {
|
|
layer.close(1);
|
|
if (res.code == 1) {
|
|
layer.msg('上传成功', {icon: 1});
|
|
LAY_demo_upload.src = res.data.path;
|
|
} else {
|
|
layer.msg(res.msg, {icon: 2});
|
|
}
|
|
}
|
|
});
|
|
|
|
layui.upload({
|
|
url: "{:url('storage/upload')}?type=file",
|
|
title: '文件上传',
|
|
elem: '#file',
|
|
method: 'post',
|
|
type: 'file',
|
|
before: function(input) {
|
|
layer.msg('文件上传中...', {icon: 16 ,shade: 0.3, time: 0, id: 1});
|
|
},
|
|
success: function(res) {
|
|
layer.close(1);
|
|
if (res.code == 1) {
|
|
layer.msg('上传成功', {icon: 1});
|
|
$("ul").append("<li>" + res.data.path + "</li>")
|
|
} else {
|
|
layer.msg(res.msg, {icon: 2});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
{/block}
|