You've already forked EasyImages2.0
mirror of
https://github.com/icret/EasyImages2.0.git
synced 2025-12-13 11:43:58 +08:00
V2.4.7
This commit is contained in:
@@ -1,24 +1,25 @@
|
||||
<?php
|
||||
require_once __DIR__ . '/header.php';
|
||||
|
||||
echo '<div class="col-md-12">';
|
||||
if (!$config['showSwitch'] and !is_online()) {
|
||||
if (!$config['showSwitch'] && !is_who_login('admin')) {
|
||||
echo '<div class="alert alert-info">管理员关闭了预览哦~~</div>';
|
||||
} 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("/[^0-9]/", "", trim($keyNum)); // 过滤非数字,删除空格
|
||||
$fileArr = getFile(APP_ROOT . config_path($path)); // 统计当日上传数量
|
||||
$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'); // 获取当日上传列表
|
||||
|
||||
echo '
|
||||
<ul id="dowebok">
|
||||
<div class="cards listNum" >';
|
||||
<div class="cards listNum">';
|
||||
if ($fileArr[0]) {
|
||||
foreach ($fileArr as $key => $value) {
|
||||
if ($key < $keyNum) {
|
||||
$imgUrl = $config['imgurl'] . config_path($path) . $value;
|
||||
// 会导致速度变慢
|
||||
// $re_img = str_replace($config['imgurl'], '', $imgUrl); // 图片相对路径 /i/2021/11/03/hg82t4.jpg
|
||||
// <p>' . @getimagesize($imgUrl)[0] . 'x' . @getimagesize($imgUrl)[1] . 'px ' . getDistUsed(filesize(APP_ROOT . $re_img)) . '</p>
|
||||
echo '
|
||||
<div class="col-md-4 col-sm-6 col-lg-3">
|
||||
<div class="card">
|
||||
@@ -44,7 +45,8 @@ if (!$config['showSwitch'] and !is_online()) {
|
||||
}
|
||||
// 当前日期全部上传
|
||||
$allUploud = isset($_GET['date']) ? $_GET['date'] : date('Y/m/d/');
|
||||
$allUploud = getFileNumber(APP_ROOT . $config['path'] . $allUploud);
|
||||
$allUploud = get_file_by_glob(APP_ROOT . $config['path'] . $allUploud, 'number');
|
||||
// 组合url
|
||||
@$httpUrl = array('date' => $path, 'num' => getFileNumber(APP_ROOT . config_path($path)));
|
||||
?>
|
||||
</div>
|
||||
@@ -54,8 +56,22 @@ $allUploud = getFileNumber(APP_ROOT . $config['path'] . $allUploud);
|
||||
<script src="<?php static_cdn(); ?>/public/static/viewjs/viewer.min.js"></script>
|
||||
<link href="<?php static_cdn(); ?>/public/static/zui/lib/datetimepicker/datetimepicker.min.css" rel="stylesheet">
|
||||
<script src="<?php static_cdn(); ?>/public/static/zui/lib/datetimepicker/datetimepicker.min.js"></script>
|
||||
|
||||
<style>
|
||||
/** 图片列表*/
|
||||
@media screen and (min-width:960px) {
|
||||
.listNum img {
|
||||
width: 258px;
|
||||
height: 258px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:960px) {
|
||||
.listNum img {
|
||||
width: 358px;
|
||||
height: 258px;
|
||||
}
|
||||
}
|
||||
|
||||
.card .bottom {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
@@ -64,8 +80,7 @@ $allUploud = getFileNumber(APP_ROOT . $config['path'] . $allUploud);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
|
||||
/** 返回顶部*/
|
||||
* {
|
||||
list-style: none;
|
||||
@@ -79,7 +94,7 @@ $allUploud = getFileNumber(APP_ROOT . $config['path'] . $allUploud);
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 149px;
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
#rocket-to-top .level-2 {
|
||||
@@ -109,210 +124,239 @@ $allUploud = getFileNumber(APP_ROOT . $config['path'] . $allUploud);
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 80%;
|
||||
width: 149px;
|
||||
width: 110px;
|
||||
z-index: 11;
|
||||
}
|
||||
</style>
|
||||
<div class="col-md-12">
|
||||
<hr />
|
||||
<div class="col-md-8">
|
||||
<div class="btn-group">
|
||||
<a href="list.php?<?php echo http_build_query($httpUrl); ?>"><button class="btn btn-danger btn-mini">当前<?php echo $allUploud; ?>张</button></a>
|
||||
<a href="list.php"><button class="btn btn-primary btn-mini">今日<?php echo read_total_json('todayUpload'); ?>张</button></a>
|
||||
<a href="list.php?date=<?php echo date("Y/m/d/", strtotime("-1 day")) ?>"><button class="btn btn-mini hidden-xs inline-block">昨日<?php echo read_total_json('yestUpload'); ?>张</button></a>
|
||||
<?php
|
||||
for ($x = 2; $x <= 5; $x++) {
|
||||
<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
|
||||
// 倒推日期显示上传图片
|
||||
echo '<a href="list.php?date=' . date('Y/m/d/', strtotime("-{$x} day")) . '"> <button class="btn btn-mini hidden-xs inline-block">' . date('m月d日', strtotime("-{$x} day")) . '</button></a>';
|
||||
}
|
||||
echo '</div>';
|
||||
if (is_online()) {
|
||||
echo '
|
||||
<div class="btn-group" style="padding:5px">
|
||||
<button class="btn btn-mini" type="button" onclick="opcheckboxed(\'checkbox\', \'checkall\')">全选</button>
|
||||
<button class="btn btn-mini" type="button" onclick="opcheckboxed(\'checkbox\', \'reversecheck\')">反选</button>
|
||||
<button class="btn btn-mini btn-primary" type="button" onclick="opcheckboxed(\'checkbox\', \'uncheckall\')">取消</button>
|
||||
<button class="btn btn-mini btn-danger" type="button" onclick="fun()">删除</button>
|
||||
</div>';
|
||||
} ?>
|
||||
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="fun()">删除</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<form class="form-inline" action="list.php" method="get">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control form-date" value="<?php echo date('Y/m/d/'); ?>" name="date" readonly="readonly">
|
||||
</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>
|
||||
<button type="submit" class="btn btn-primary">按日期</button>
|
||||
</form>
|
||||
</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>
|
||||
<!-- 返回顶部 -->
|
||||
<div style="display: none;" id="rocket-to-top">
|
||||
<div style="opacity:0;display: block;" class="level-2"></div>
|
||||
<div class="level-3"></div>
|
||||
</div>
|
||||
<script>
|
||||
//viewjs
|
||||
var viewer = new Viewer(document.getElementById('dowebok'), {
|
||||
url: 'data-original',
|
||||
backdrop: true
|
||||
});
|
||||
|
||||
<script>
|
||||
//viewjs
|
||||
var viewer = new Viewer(document.getElementById('dowebok'), {
|
||||
url: 'data-original',
|
||||
backdrop: true
|
||||
});
|
||||
// 复制url
|
||||
var clipboard = new Clipboard('.copy');
|
||||
clipboard.on('success', function(e) {
|
||||
new $.zui.Messager("复制直链成功", {
|
||||
type: "success", // 定义颜色主题
|
||||
icon: "ok-sign" // 定义消息图标
|
||||
}).show();
|
||||
|
||||
// 复制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();
|
||||
});
|
||||
|
||||
});
|
||||
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 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//获取所有的 checkbox 属性的 input标签
|
||||
function fun() {
|
||||
confirm('确认要删除?\n* 删除文件夹后将无法恢复!');
|
||||
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();
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
//获取所有的 checkbox 属性的 input标签
|
||||
function fun() {
|
||||
confirm('确认要删除?\n* 删除文件夹后将无法恢复!');
|
||||
obj = document.getElementsByName("checkbox");
|
||||
check_val = [];
|
||||
for (k in obj) {
|
||||
//判断复选框是否被选中
|
||||
if (obj[k].checked)
|
||||
//获取被选中的复选框的值
|
||||
check_val.push(obj[k].value);
|
||||
console.log(check_val);
|
||||
}
|
||||
|
||||
// 返回顶部
|
||||
$(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)
|
||||
$.post("./post_del.php", {
|
||||
'del_url_array': check_val
|
||||
},
|
||||
delay: 300
|
||||
})
|
||||
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);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 按日期浏览
|
||||
$(".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 read_total_json('todayUpload'); ?>张 昨日<?php echo read_total_json('yestUpload'); ?>张 - <?php echo $config['title']; ?> "
|
||||
</script>
|
||||
<?php require_once APP_ROOT . '/application/footer.php';
|
||||
// 返回顶部
|
||||
$(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 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';
|
||||
|
||||
Reference in New Issue
Block a user