70 lines
2.5 KiB
HTML
70 lines
2.5 KiB
HTML
<link rel="stylesheet" href="{__METE__CSS__}/style.css">
|
|
<link rel="stylesheet" href="{__METE__}/layui/css/layui.css" />
|
|
<script src="{__METE__}/layui/layui.js"></script>
|
|
|
|
<!-- 主体 -->
|
|
<div class="create-folder">
|
|
<form class="layui-form" action="">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">相册名称</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="name" lay-verify="required" placeholder="请输入相册名称" autocomplete="off"
|
|
class="layui-input" required>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">排序</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="sort" lay-verify="required" placeholder="排序" autocomplete="off"
|
|
class="layui-input">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="btnbar">
|
|
<button type="button" class="layui-btn" id="createfolder">创建相册</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 主体 -->
|
|
|
|
|
|
<script>
|
|
// 监听创建相册按钮点击事件
|
|
document.getElementById('createfolder').onclick = function () {
|
|
var folderName = document.getElementsByName('name')[0].value;
|
|
var folderSort = document.getElementsByName('sort')[0].value;
|
|
|
|
// 检查相册名称是否为空
|
|
if (!folderName) {
|
|
layui.layer.msg('相册名称不能为空！');
|
|
return; // 终止提交
|
|
}
|
|
|
|
// 创建相册接口
|
|
fetch('/picbed/index/createfolder', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json'
|
|
},
|
|
body: JSON.stringify({ name: folderName, sort: folderSort })
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
// 处理成功响应
|
|
if (data.code === 0) {
|
|
layui.layer.msg(data.msg);
|
|
setTimeout(function () { // 添加延时关闭
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
parent.layer.close(index);
|
|
}, 2000); // 2秒后关闭
|
|
} else {
|
|
layui.layer.msg(data.msg);
|
|
}
|
|
})
|
|
.catch(error => {
|
|
// 处理错误
|
|
console.error('Error:', error);
|
|
});
|
|
};
|
|
</script> |