332 lines
14 KiB
PHP
Executable File
332 lines
14 KiB
PHP
Executable File
<?php require_once __DIR__ . '/header.php'; ?>
|
|
<div class="row" style="margin-bottom:100px">
|
|
<div class="col-md-12">
|
|
<?php
|
|
if (!$config['showSwitch'] && !is_who_login('admin')) : ?>
|
|
<div class="alert alert-info">管理员关闭了预览哦~~</div>
|
|
<?php exit(require_once __DIR__ . '/footer.php');
|
|
else :
|
|
$path = isset($_GET['date']) ? $_GET['date'] : date('Y/m/d/'); // 获取指定目录
|
|
$path = preg_replace("/^d{4}-d{2}-d{2} d{2}:d{2}:d{2}$/s", "", trim($path)); // 过滤非日期，删除空格
|
|
$keyNum = isset($_GET['num']) ? $_GET['num'] : $config['listNumber']; // 获取指定浏览数量
|
|
$keyNum = preg_replace("/[\W]/", "", trim($keyNum)); // 过滤非数字，删除空格
|
|
// $fileArr = getFile(APP_ROOT . config_path($path)); // 获取当日上传列表
|
|
$fileType = isset($_GET['search']) ? '*.' . preg_replace("/[\W]/", "", $_GET['search']) : '*.*'; // 按照图片格式
|
|
$fileArr = get_file_by_glob(APP_ROOT . config_path($path) . $fileType, 'list'); // 获取当日上传列表
|
|
$allUploud = isset($_GET['date']) ? $_GET['date'] : date('Y/m/d/');
|
|
$allUploud = get_file_by_glob(APP_ROOT . $config['path'] . $allUploud, 'number'); // 当前日期全部上传
|
|
$httpUrl = array('date' => $path, 'num' => getFileNumber(APP_ROOT . config_path($path))); // 组合url
|
|
if (empty($fileArr[0])) : ?>
|
|
<div class="alert alert-danger">今天还没有上传的图片哟~~ <br />快来上传第一张吧~!</div>
|
|
<?php else : ?>
|
|
<ul id="viewjs">
|
|
<div class="cards listNum">
|
|
<?php
|
|
foreach ($fileArr as $key => $value) :
|
|
if ($key < $keyNum) {
|
|
$imgUrl = $config['imgurl'] . config_path($path) . $value;
|
|
}
|
|
?>
|
|
<div class="col-md-4 col-sm-6 col-lg-3">
|
|
<div class="card">
|
|
<li><img src="../public/images/loading.svg" data-image="<?php echo creat_thumbnail_by_list($imgUrl); ?>" data-original="<?php echo $imgUrl; ?>" alt="简单图床-EasyImage"></li>
|
|
<div class="bottom-bar">
|
|
<a href="<?php echo $imgUrl; ?>" target="_blank"><i class="icon icon-picture" data-toggle="tooltip" title="原图" style="margin-left:10px;"></i></a>
|
|
<a href="#" class="copy" data-clipboard-text="<?php echo $imgUrl; ?>" data-toggle="tooltip" title="复制" style="margin-left:10px;"><i class="icon icon-copy"></i></a>
|
|
<a href="/application/info.php?img=<?php echo $imgUrl; ?>" data-toggle="tooltip" title="信息" target="_blank" style="margin-left:10px;"><i class="icon icon-info-sign"></i></a>
|
|
<a href="<?php echo $config['domain']; ?>/application/del.php?recycle_url=<?php echo $imgUrl; ?>" target="_blank" data-toggle="tooltip" title="回收" style="margin-left:10px;"><i class="icon icon-undo"></i></a>
|
|
<a href="<?php echo $config['domain']; ?>/application/del.php?url=<?php echo $imgUrl; ?>" target="_blank" data-toggle="tooltip" title="删除" style="margin-left:10px;"><i class="icon icon-trash"></i></a>
|
|
<label style="margin-left:10px;" class="text-primary"><input type="checkbox" style="margin: left 200px;" id="url" name="checkbox" value="<?php echo $imgUrl; ?>"> 选择</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</ul>
|
|
<?php endif;
|
|
endif; ?>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<hr />
|
|
<div class="col-md-8 col-xs-12" style="padding-bottom:5px">
|
|
<div class="btn-toolbar">
|
|
<div class="btn-group">
|
|
<a class="btn btn-danger btn-mini" href="?<?php echo http_build_query($httpUrl); ?>">当前<?php echo $allUploud; ?></a>
|
|
<a class="btn btn-primary btn-mini" href="list.php">今日<?php echo get_file_by_glob(APP_ROOT . config_path() . '*.*', 'number'); ?></a>
|
|
<a class="btn btn-mini" href="?date=<?php echo date("Y/m/d/", strtotime("-1 day")) ?>">昨日<?php echo get_file_by_glob(APP_ROOT . $config['path'] . date("Y/m/d/", strtotime("-1 day")), 'number'); ?></a>
|
|
<?php
|
|
// 倒推日期显示上传图片
|
|
for ($x = 2; $x <= 6; $x++)
|
|
echo '<a class="btn btn-mini hidden-xs inline-block" href="?date=' . date('Y/m/d/', strtotime("-$x day")) . '">' . date('m月d日', strtotime("-$x day")) . '</a>';
|
|
?>
|
|
</div>
|
|
<div class="btn-group">
|
|
<a class="btn btn-mini" onclick="opcheckboxed('checkbox', 'checkall')">全选</a>
|
|
<a class="btn btn-mini" onclick="opcheckboxed('checkbox', 'reversecheck')">反选</a>
|
|
<a class="btn btn-mini" onclick="opcheckboxed('checkbox', 'uncheckall')">取消</a>
|
|
<a class="btn btn-mini" onclick="recycle_img()">回收</a>
|
|
<a class="btn btn-mini" onclick="delete_img()">删除</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 按格式 -->
|
|
<div class="row">
|
|
<!--
|
|
<div class="col-md-2 col-xs-6">
|
|
<form action="list.php" method="get">
|
|
<div class="input-group">
|
|
<select name="search" class="form-control input-sm">
|
|
<option value="jpg">jpg</option>
|
|
<option value="png">png</option>
|
|
<option value="gif">gif</option>
|
|
</select>
|
|
<span class="input-group-btn">
|
|
<input type="submit" value="按格式" class="btn btn-primary input-sm" />
|
|
</span>
|
|
</div>
|
|
</form>
|
|
</div> -->
|
|
<div class="col-md-2 col-xs-6">
|
|
<div class="btn-group">
|
|
<a class="btn btn-sm" href="<?php echo '?' . http_build_query($httpUrl) . '&search=jpg'; ?>">JPG</a>
|
|
<a class="btn btn-sm" href="<?php echo '?' . http_build_query($httpUrl) . '&search=png'; ?>">PNG</a>
|
|
<a class="btn btn-sm" href="<?php echo '?' . http_build_query($httpUrl) . '&search=gif'; ?>">GIF</a>
|
|
<a class="btn btn-sm" href="<?php echo '?' . http_build_query($httpUrl) . '&search=webp'; ?>">Webp</a>
|
|
</div>
|
|
</div>
|
|
<!-- 按日期-->
|
|
<div class="col-md-2 col-xs-6">
|
|
<form action="<?php echo $_SERVER['SCRIPT_NAME']; ?>" method="get">
|
|
<div class="input-group">
|
|
<span class="input-group-addon fix-border fix-padding"></span>
|
|
<input type="text" class="form-control form-date input-sm" name="date" value="<?php echo date('Y/m/d/'); ?>" readonly="readonly">
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="btn btn-primary input-sm">按日期</button>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 返回顶部 -->
|
|
<div style="display: none;" id="rocket-to-top">
|
|
<div style="opacity:0;display: block;" class="level-2"></div>
|
|
<div class="level-3"></div>
|
|
</div>
|
|
</div>
|
|
<link rel="stylesheet" href="<?php static_cdn(); ?>/public/static/EasyImage.css">
|
|
<link rel="stylesheet" href="<?php static_cdn(); ?>/public/static/viewjs/viewer.min.css">
|
|
<link rel="stylesheet" href="<?php static_cdn(); ?>/public/static/zui/lib/datetimepicker/datetimepicker.min.css">
|
|
<script src="<?php static_cdn(); ?>/public/static/lazyload/lazyload.js"></script>
|
|
<script src="<?php static_cdn(); ?>/public/static/viewjs/viewer.min.js"></script>
|
|
<script src="<?php static_cdn(); ?>/public/static/zui/lib/datetimepicker/datetimepicker.min.js"></script>
|
|
<script>
|
|
// tips提示
|
|
$('[data-toggle="tooltip"]').tooltip({
|
|
placement: 'top',
|
|
tipClass: 'tooltip-primary'
|
|
});
|
|
|
|
// viewjs
|
|
new Viewer(document.getElementById('viewjs'), {
|
|
url: 'data-original',
|
|
});
|
|
|
|
// 复制url
|
|
var clipboard = new Clipboard('.copy');
|
|
clipboard.on('success', function(e) {
|
|
new $.zui.Messager("复制直链成功", {
|
|
type: "success", // 定义颜色主题
|
|
icon: "ok-sign" // 定义消息图标
|
|
}).show();
|
|
|
|
});
|
|
clipboard.on('error', function(e) {
|
|
document.querySelector('.copy');
|
|
new $.zui.Messager("复制失败", {
|
|
type: "danger", // 定义颜色主题
|
|
icon: "exclamation-sign" // 定义消息图标
|
|
}).show();
|
|
});
|
|
|
|
// 取消/全选文件
|
|
function opcheckboxed(objName, type) {
|
|
var objNameList = document.getElementsByName(objName);
|
|
if (null != objNameList) {
|
|
for (var i = 0; i < objNameList.length; i++) {
|
|
if (objNameList[i].checked == true) {
|
|
if (type != 'checkall') { // 非全选
|
|
objNameList[i].checked = false;
|
|
}
|
|
} else {
|
|
if (type != 'uncheckall') { // 非取消全选
|
|
objNameList[i].checked = true;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// 回收图片
|
|
function recycle_img() {
|
|
var r = confirm("确认要放入回收站?\n* 可在可疑图片中恢复!")
|
|
if (r == true) {
|
|
obj = document.getElementsByName("checkbox");
|
|
check_val = [];
|
|
for (k in obj) {
|
|
//判断复选框是否被选中
|
|
if (obj[k].checked)
|
|
//获取被选中的复选框的值
|
|
check_val.push(obj[k].value);
|
|
console.log(check_val);
|
|
}
|
|
$.post("./post_del.php", {
|
|
'recycle_url_array': check_val
|
|
}, );
|
|
new $.zui.Messager("放入回收站成功", {
|
|
type: "success", // 定义颜色主题
|
|
icon: "ok-sign" // 定义消息图标
|
|
}).show();
|
|
// 延时2秒刷新
|
|
window.setTimeout(function() {
|
|
window.location.reload();
|
|
}, 1500)
|
|
} else {
|
|
new $.zui.Messager("取消回收", {
|
|
type: "primary", // 定义颜色主题
|
|
icon: "info-sign" // 定义消息图标
|
|
}).show();
|
|
}
|
|
}
|
|
// 删除图片
|
|
function delete_img() {
|
|
var r = confirm("确认要删除?\n* 删除文件夹后将无法恢复!")
|
|
if (r == true) {
|
|
obj = document.getElementsByName("checkbox");
|
|
check_val = [];
|
|
for (k in obj) {
|
|
//判断复选框是否被选中
|
|
if (obj[k].checked)
|
|
//获取被选中的复选框的值
|
|
check_val.push(obj[k].value);
|
|
console.log(check_val);
|
|
}
|
|
$.post("./post_del.php", {
|
|
'del_url_array': check_val
|
|
},
|
|
function(data) {
|
|
if (data.search('success') > 0) {
|
|
new $.zui.Messager("删除成功", {
|
|
type: "success", // 定义颜色主题
|
|
icon: "ok-sign" // 定义消息图标
|
|
}).show();
|
|
// 延时2秒刷新
|
|
window.setTimeout(function() {
|
|
window.location.reload();
|
|
}, 1500)
|
|
} else {
|
|
new $.zui.Messager("删除失败 请登录后再删除!", {
|
|
type: "danger", // 定义颜色主题
|
|
icon: "exclamation-sign" // 定义消息图标
|
|
}).show();
|
|
// 延时2s跳转
|
|
window.setTimeout("window.location=\'/../admin/index.php \'", 2000);
|
|
}
|
|
});
|
|
} else {
|
|
new $.zui.Messager("取消删除", {
|
|
type: "primary", // 定义颜色主题
|
|
icon: "info-sign" // 定义消息图标
|
|
}).show();
|
|
}
|
|
}
|
|
|
|
// 返回顶部
|
|
$(function() {
|
|
var e = $("#rocket-to-top"),
|
|
t = $(document).scrollTop(),
|
|
n,
|
|
r,
|
|
i = !0;
|
|
$(window).scroll(function() {
|
|
var t = $(document).scrollTop();
|
|
t == 0 ? e.css("background-position") == "0px 0px" ? e.fadeOut("slow") : i && (i = !1, $(".level-2").css("opacity", 1), e.delay(100).animate({
|
|
marginTop: "-1000px"
|
|
},
|
|
"normal",
|
|
function() {
|
|
e.css({
|
|
"margin-top": "-125px",
|
|
display: "none"
|
|
}),
|
|
i = !0
|
|
})) : e.fadeIn("slow")
|
|
}),
|
|
e.hover(function() {
|
|
$(".level-2").stop(!0).animate({
|
|
opacity: 1
|
|
})
|
|
},
|
|
function() {
|
|
$(".level-2").stop(!0).animate({
|
|
opacity: 0
|
|
})
|
|
}),
|
|
$(".level-3").click(function() {
|
|
function t() {
|
|
var t = e.css("background-position");
|
|
if (e.css("display") == "none" || i == 0) {
|
|
clearInterval(n),
|
|
e.css("background-position", "0px 0px");
|
|
return
|
|
}
|
|
switch (t) {
|
|
case "0px 0px":
|
|
e.css("background-position", "-298px 0px");
|
|
break;
|
|
case "-298px 0px":
|
|
e.css("background-position", "-447px 0px");
|
|
break;
|
|
case "-447px 0px":
|
|
e.css("background-position", "-596px 0px");
|
|
break;
|
|
case "-596px 0px":
|
|
e.css("background-position", "-745px 0px");
|
|
break;
|
|
case "-745px 0px":
|
|
e.css("background-position", "-298px 0px");
|
|
}
|
|
}
|
|
if (!i) return;
|
|
n = setInterval(t, 50),
|
|
$("html,body").animate({
|
|
scrollTop: 0
|
|
},
|
|
"slow");
|
|
});
|
|
});
|
|
//懒加载
|
|
var lazy = new Lazy({
|
|
onload: function(elem) {
|
|
console.log(elem)
|
|
},
|
|
delay: 300
|
|
})
|
|
|
|
// 按日期浏览
|
|
$(".form-date").datetimepicker({
|
|
weekStart: 1,
|
|
todayBtn: 1,
|
|
autoclose: 1,
|
|
todayHighlight: 1,
|
|
startView: 2,
|
|
minView: 2,
|
|
forceParse: 0,
|
|
pickerPosition: "top-right",
|
|
format: "yyyy/mm/dd/",
|
|
endDate: new Date() // 只能选当前日期之前
|
|
});
|
|
// 更改网页标题
|
|
document.title = "图床广场 - 今日上传<?php echo get_file_by_glob(APP_ROOT . config_path(), 'number'); ?>张 昨日<?php echo get_file_by_glob(APP_ROOT . $config['path'] . date("Y/m/d/", strtotime("-1 day")) . '*.*', 'number'); ?>张 - <?php echo $config['title']; ?>"
|
|
</script>
|
|
<?php require_once APP_ROOT . '/application/footer.php';
|