mirror of https://github.com/helloxz/imgurl
pull/16/head
parent
39e384698b
commit
d14b0a6665
|
@ -0,0 +1,2 @@
|
|||
temp/
|
||||
upload/
|
|
@ -69,9 +69,12 @@
|
|||
<tr id = "imgid<?php echo $id; ?>">
|
||||
<td><a href="javascript:;" onclick = "copyurl('<?php echo $imgurl; ?>')"><?php echo $id; ?></a></td>
|
||||
<td>
|
||||
<a id = "imgid<?php echo $id; ?>" href="javascript:;" onclick = "adminshow('<?php echo $imgurl ?>',<?php echo $id; ?>)">
|
||||
<a id = "imgid<?php echo $id; ?>" href="javascript:;" onclick = "adminshow('<?php echo $imgurl ?>',<?php echo $id; ?>)" onmouseover = "viewimg('<?php echo $id; ?>','<?php echo $imgurl; ?>')" onmouseout = "hideimg('<?php echo $id; ?>')">
|
||||
<?php echo $img['path']; ?>
|
||||
</a>
|
||||
<div id="viewimg<?php echo $id; ?>" class = "viewimg">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
</td>
|
||||
<td><a href="javascript:;" onclick = "ipquery('<?php echo $img['ip']; ?>')"><?php echo $img['ip']; ?></a></td>
|
||||
<td><?php echo $img['date']; ?></td>
|
||||
|
@ -106,8 +109,45 @@
|
|||
<!-- 后台内容部分END -->
|
||||
</div>
|
||||
</div>
|
||||
<!--图片查看-->
|
||||
<div id="adminshow">
|
||||
<div style = "margin-top:2em;"><center><img src="" alt=""></center></div>
|
||||
<div id = "copy">
|
||||
<center>
|
||||
<table class="layui-table" lay-skin="nob">
|
||||
<colgroup>
|
||||
<col width="80">
|
||||
<col width="520">
|
||||
<col>
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>URL</td>
|
||||
<td><input type="text" class="layui-input" id="url" data-cip-id="url"></td>
|
||||
<td><a href="javascript:;" class="layui-btn layui-btn-sm" onclick="newcopy('url')">复制</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>HTML</td>
|
||||
<td><input type="text" class="layui-input" id="html" data-cip-id="html"></td>
|
||||
<td><a href="javascript:;" class="layui-btn layui-btn-sm" onclick="newcopy('html')">复制</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>MarkDown</td>
|
||||
<td><input type="text" class="layui-input" id="markdown" data-cip-id="markdown"></td>
|
||||
<td><a href="javascript:;" class="layui-btn layui-btn-sm" onclick="newcopy('markdown')">复制</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>BBcode</td>
|
||||
<td><input type="text" class="layui-input" id="bbcode" data-cip-id="bbcode"></td>
|
||||
<td><a href="javascript:;" class="layui-btn layui-btn-sm" onclick="newcopy('bbcode')">复制</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</center>
|
||||
</div>
|
||||
</div>
|
||||
<!--图片查看-->
|
||||
<?php
|
||||
// 载入页脚
|
||||
// 载入头部
|
||||
include_once("../tpl/admin/footer.php");
|
||||
?>
|
|
@ -1 +1 @@
|
|||
v1.1(20180630)
|
||||
v1.12(20180810)
|
|
@ -149,6 +149,26 @@ function copyurl(url){
|
|||
});
|
||||
}
|
||||
|
||||
//复制链接
|
||||
function newcopy(info){
|
||||
var copy = new clipBoard(document.getElementById('url'), {
|
||||
beforeCopy: function() {
|
||||
info = $("#" + info).val();
|
||||
},
|
||||
copy: function() {
|
||||
return info;
|
||||
},
|
||||
afterCopy: function() {
|
||||
|
||||
}
|
||||
});
|
||||
layui.use('layer', function(){
|
||||
var layer = layui.layer;
|
||||
|
||||
layer.msg('复制成功!', {time: 2000})
|
||||
});
|
||||
}
|
||||
|
||||
//用户登录方法
|
||||
function login(){
|
||||
// 获取用户提交的信息
|
||||
|
@ -176,37 +196,49 @@ function userpreview(imgurl,id){
|
|||
|
||||
//后台管理员查看图片
|
||||
function adminshow(imgurl,id){
|
||||
var showimg = "<center><img style = 'max-width:100%;max-height:100%;' src = '" + imgurl + "' /></center>";
|
||||
$("#adminshow").show();
|
||||
$("#url").val(imgurl);
|
||||
$("#html").val("<img src = '" + imgurl + "' />");
|
||||
$("#markdown").val("");
|
||||
$("#bbcode").val("[img]" + imgurl + "[/img]");
|
||||
|
||||
$("#copy").show();
|
||||
$("#adminshow img").attr("src",imgurl);
|
||||
layui.use('layer', function(){
|
||||
var layer = layui.layer;
|
||||
layer.open({
|
||||
type: 1,
|
||||
title:"图片预览",
|
||||
area: ['80%', '80%'],
|
||||
content: showimg,
|
||||
btn: ['压缩', '删除'],
|
||||
title:false,
|
||||
area: '720px',
|
||||
content: $("#adminshow"),
|
||||
btn: ['删除'],
|
||||
cancel: function(index, layero){
|
||||
$("#adminshow img").attr("src","");
|
||||
$("#copy").hide();
|
||||
},
|
||||
yes: function(index, layero){
|
||||
layer.msg('该功能还在开发中!', {time: 2000})
|
||||
}
|
||||
//删除按钮
|
||||
,btn2: function(index, layero){
|
||||
layer.confirm('确认删除?', {icon: 3, title:'温馨提示!'}, function(index){
|
||||
$.get("./delete.php?id="+id,function(data,status){
|
||||
if(data == 'ok') {
|
||||
|
||||
$("#imgid"+id).remove();
|
||||
$("#adminshow img").attr("src","");
|
||||
$("#copy").hide();
|
||||
}
|
||||
else{
|
||||
alert(data);
|
||||
}
|
||||
});
|
||||
|
||||
layer.close(index);
|
||||
layer.closeAll();
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
//后台管理员查看SM.MS图片
|
||||
function smshow(imgurl,id){
|
||||
var showimg = "<center><img style = 'max-width:100%;max-height:100%;' src = '" + imgurl + "' /></center>";
|
||||
|
@ -362,4 +394,18 @@ function hideimg(id){
|
|||
// if(event.keyCode == 86){
|
||||
|
||||
// }
|
||||
//});
|
||||
//});
|
||||
|
||||
//预览图片
|
||||
function viewimg(id,imgurl){
|
||||
id = "viewimg" + id;
|
||||
$("#" + id + " img").attr('src',imgurl);
|
||||
//显示图片
|
||||
$("#" + id).show();
|
||||
|
||||
}
|
||||
//隐藏图片
|
||||
function hideimg(id){
|
||||
id = "viewimg" + id;
|
||||
$("#" + id).hide();
|
||||
}
|
|
@ -176,4 +176,29 @@
|
|||
}
|
||||
.layui-table img {
|
||||
max-width: 460px;
|
||||
}
|
||||
.viewimg{
|
||||
position: absolute;
|
||||
display:none;
|
||||
border:1px solid #F0F0F0;
|
||||
border-radius:5px;
|
||||
z-index:99;
|
||||
top:3em;
|
||||
}
|
||||
.viewimg img{
|
||||
max-width:660px;
|
||||
}
|
||||
|
||||
#adminshow{
|
||||
display: none;
|
||||
}
|
||||
#adminshow img{
|
||||
max-width:680px;
|
||||
text-align:center;
|
||||
|
||||
}
|
||||
#copy{
|
||||
width:680px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
|
@ -13,6 +13,6 @@
|
|||
|
||||
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
|
||||
<script src="../static/layui/layui.js"></script>
|
||||
<script src="../static/embed.js?v=1.2"></script>
|
||||
<script src="../static/embed.js?v=1.12"></script>
|
||||
</body>
|
||||
</html>
|
|
@ -11,7 +11,7 @@
|
|||
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
|
||||
<link rel="Bookmark" href="../favicon.ico" />
|
||||
<link rel="stylesheet" href="../static/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="../static/style.css?v=1.2">
|
||||
<link rel="stylesheet" href="../static/style.css?v=1.12">
|
||||
<script src = "https://libs.xiaoz.top/clipBoard.js/clipBoard.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -22,10 +22,7 @@
|
|||
<div class = "layui-col-lg12">
|
||||
<div class="left-menu"><a href="../"><h1>ImgURL</h1></a></div>
|
||||
<ul class="layui-nav menu" lay-filter="">
|
||||
<li class="layui-nav-item"><a href="./"><i class="layui-icon"></i> 首页</a></li>
|
||||
<li class="layui-nav-item"><a href="senioradmin.php?type=user&page=1"><i class="layui-icon"></i> 游客上传</a></li>
|
||||
<li class="layui-nav-item"><a href="senioradmin.php?type=admin&page=1"><i class="layui-icon"></i> 管理员上传</a></li>
|
||||
<li class="layui-nav-item"><a href="senioradmin.php?type=dubious&page=1"><i class="layui-icon"></i> 可疑图片</a></li>
|
||||
<li class="layui-nav-item"><a href="./"><i class="layui-icon"></i> 后台首页</a></li>
|
||||
</ul>
|
||||
<div class="right-menu">
|
||||
<ul class="layui-nav menu" lay-filter="">
|
||||
|
|
|
@ -2,28 +2,22 @@
|
|||
<div class="layui-col-lg3">
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="test">
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;">图片管理<span class="layui-nav-more"></span></a>
|
||||
<a href="javascript:;">看图模式<span class="layui-nav-more"></span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="picadmin.php?type=user&page=1">游客上传</a></dd>
|
||||
<dd><a href="picadmin.php?type=admin&page=1">管理员上传</a></dd>
|
||||
<dd><a href="picadmin.php?type=dubious&page=1">可疑图片</a></dd>
|
||||
<dd><a href="smadmin.php?type=preview&page=1">SM.MS</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;">高级管理<span class="layui-nav-more"></span></a>
|
||||
<a href="javascript:;">管理模式<span class="layui-nav-more"></span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="senioradmin.php?type=user&page=1">游客上传</a></dd>
|
||||
<dd><a href="senioradmin.php?type=admin&page=1">管理员上传</a></dd>
|
||||
<dd><a href="smadmin.php?type=admin&page=1">SM.MS</a></dd>
|
||||
<dd><a href="senioradmin.php?type=dubious&page=1">可疑图片</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;">SM.MS管理<span class="layui-nav-more"></span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="smadmin.php?type=preview&page=1">预览模式</a></dd>
|
||||
<dd><a href="smadmin.php?type=admin&page=1">管理模式</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;">系统设置<span class="layui-nav-more"></span></a>
|
||||
<dl class="layui-nav-child">
|
||||
|
|
|
@ -18,6 +18,6 @@
|
|||
<!-- 底部END -->
|
||||
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
|
||||
<script src="./static/layui/layui.js"></script>
|
||||
<script src="./static/embed.js?v=1.2"></script>
|
||||
<script src="./static/embed.js?v=1.12"></script>
|
||||
</body>
|
||||
</html>
|
|
@ -12,7 +12,7 @@
|
|||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
|
||||
<link rel="Bookmark" href="favicon.ico" />
|
||||
<link rel="stylesheet" href="./static/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="./static/style.css?v=1.10630">
|
||||
<link rel="stylesheet" href="./static/style.css?v=1.12">
|
||||
<script src = "https://libs.xiaoz.top/clipBoard.js/clipBoard.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
|
Loading…
Reference in New Issue