312 lines
11 KiB
PHP
Executable File
312 lines
11 KiB
PHP
Executable File
<?php
|
||
require_once __DIR__ . '/header.php';
|
||
echo '<div class="col-md-12">';
|
||
if (!$config['showSwitch'] and !is_online()) {
|
||
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)); // 统计当日上传数量
|
||
echo '
|
||
<ul id="dowebok">
|
||
<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">
|
||
<li><img data-image="' . get_online_thumbnail($imgUrl) . '" src="../public/images/loading.svg" data-original="' . $imgUrl . '" alt="简单图床-EasyImage"></li>
|
||
<div class="bottom">
|
||
<a href="' . $imgUrl . '" target="_blank"><i class="icon icon-picture" title="打开原图" style="margin-left:10px;"></i></a>
|
||
<a href="#" class="copy" data-clipboard-text="' . $imgUrl . '" title="复制文件" style="margin-left:10px;"><i class="icon icon-copy"></i></a>
|
||
<a href="' . $config['domain'] . '/application/del.php?url=' . $imgUrl . '" target="_blank" title="删除文件" style="margin-left:10px;"><i class="icon icon-trash"></i></a>
|
||
<label style="margin-left:10px;"><input type="checkbox" style="margin: left 200px;" id="url" name="checkbox" value="' . $imgUrl . '" > 选择</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
';
|
||
}
|
||
}
|
||
echo '</div>';
|
||
} else {
|
||
|
||
echo '<div class="alert alert-danger">今天还没有上传的图片哟~~ <br />快来上传第一张吧~！</div>';
|
||
}
|
||
echo '</ul>';
|
||
}
|
||
// 当前日期全部上传
|
||
$allUploud = isset($_GET['date']) ? $_GET['date'] : date('Y/m/d/');
|
||
$allUploud = getFileNumber(APP_ROOT . $config['path'] . $allUploud);
|
||
@$httpUrl = array('date' => $path, 'num' => getFileNumber(APP_ROOT . config_path($path)));
|
||
?>
|
||
</div>
|
||
|
||
<script src="<?php static_cdn(); ?>/public/static/lazyload.js"></script>
|
||
<link rel="stylesheet" href="<?php static_cdn(); ?>/public/static/viewjs/viewer.min.css">
|
||
<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>
|
||
.card .bottom {
|
||
width: 100%;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0px;
|
||
background-color: rgba(0, 0, 0, 0.5);
|
||
color: white;
|
||
}
|
||
</style>
|
||
<style>
|
||
/** 返回顶部*/
|
||
* {
|
||
list-style: none;
|
||
border: 0;
|
||
}
|
||
|
||
#rocket-to-top div {
|
||
left: 0;
|
||
margin: 0;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
position: absolute;
|
||
top: 0;
|
||
width: 149px;
|
||
}
|
||
|
||
#rocket-to-top .level-2 {
|
||
background: url("../public/images/rocket_button_up.png") no-repeat scroll -149px 0 transparent;
|
||
display: none;
|
||
height: 250px;
|
||
opacity: 0;
|
||
z-index: 1;
|
||
}
|
||
|
||
#rocket-to-top .level-3 {
|
||
background: none repeat scroll 0 0 transparent;
|
||
cursor: pointer;
|
||
display: block;
|
||
height: 150px;
|
||
z-index: 2;
|
||
}
|
||
|
||
#rocket-to-top {
|
||
background: url("../public/images/rocket_button_up.png") no-repeat scroll 0 0 transparent;
|
||
cursor: default;
|
||
display: block;
|
||
height: 250px;
|
||
margin: -125px 0 0;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
position: fixed;
|
||
right: 0;
|
||
top: 80%;
|
||
width: 149px;
|
||
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">昨日<?php echo read_total_json('yestUpload'); ?>张</button></a>
|
||
<?php
|
||
for ($x = 2; $x <= 5; $x++) {
|
||
// 倒推日期显示上传图片
|
||
echo '<a href="list.php?date=' . date('Y/m/d/', strtotime("-{$x} day")) . '"> <button class="btn btn-mini">' . 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>';
|
||
} ?>
|
||
</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>
|
||
<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>
|
||
|
||
<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" // 定义颜色主题
|
||
}).show();
|
||
|
||
});
|
||
clipboard.on('error', function(e) {
|
||
document.querySelector('.copy');
|
||
new $.zui.Messager("复制失败！", {
|
||
type: "danger" // 定义颜色主题
|
||
}).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;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
//获取所有的 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("删除成功，请刷新浏览器；如果开启了CDN，请等待缓存失效!", {
|
||
type: "success" // 定义颜色主题
|
||
}).show();
|
||
// 延时2秒刷新
|
||
window.setTimeout(function() {
|
||
window.location.reload();
|
||
}, 1500)
|
||
} else {
|
||
new $.zui.Messager("文件不存在", {
|
||
type: "danger" // 定义颜色主题
|
||
}).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,
|
||
format: "yyyy/mm/dd/"
|
||
});
|
||
// 更改网页标题
|
||
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';
|