mirror of https://github.com/helloxz/imgurl.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
477 lines
13 KiB
477 lines
13 KiB
//layui 根目录配置 |
|
layui.config({ |
|
base: '/static/layui/', |
|
}) |
|
//载入layui组建 |
|
layui.use(['layer', 'form','element','upload','flow'], function(){ |
|
var form = layui.form; |
|
var layer = layui.layer; |
|
var element = layui.element; |
|
var upload = layui.upload; |
|
var flow = layui.flow; |
|
//图片懒加载 |
|
flow.lazyimg({ |
|
elem:'#found-img img' |
|
}); |
|
flow.lazyimg({ |
|
elem:'#adminpic img' |
|
}); |
|
//图片查看器 |
|
layer.photos({ |
|
photos: '#adminpic' |
|
,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数） |
|
}); |
|
layer.photos({ |
|
photos: '#found-img' |
|
,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数） |
|
}); |
|
|
|
//首页拖拽上传 |
|
upload.render({ |
|
elem: '#upimg' |
|
,url: 'functions/upload.php' |
|
,size: 2048 //限制上传大小为2M |
|
,before: function(obj){ //obj参数包含的信息，跟 choose回调完全一致，可参见上文。 |
|
layer.load(); //上传loading |
|
} |
|
,done: function(res){ |
|
//如果上传失败 |
|
if(res.code == 0){ |
|
layer.open({ |
|
title: '温馨提示' |
|
,content: res.msg |
|
}); |
|
layer.closeAll('loading'); |
|
} |
|
else if(res.code == 1){ |
|
layer.closeAll('loading'); |
|
$("#showpic a").attr('href',res.url); |
|
$("#showpic img").attr('src',res.url); |
|
$("#url").val(res.url); |
|
$("#html").val("<img src = '" + res.url + "' />"); |
|
$("#markdown").val("![](" + res.url + ")"); |
|
$("#bbcode").val("[img]" + res.url + "[/img]"); |
|
$("#upok").show(); |
|
//请求接口处理图片 |
|
$.get("./dispose.php?id="+res.id,function(data,status){ |
|
var obj = eval('(' + data + ')'); |
|
if(obj.level == 3){ |
|
layer.open({ |
|
title: '温馨提示' |
|
,content: '请勿上传违规图片！' |
|
}); |
|
} |
|
if(obj.level == null){ |
|
$.get("./dispose.php?id="+res.id,function(data,status){ |
|
var obj = eval('(' + data + ')'); |
|
if(obj.level == 3){ |
|
layer.open({ |
|
title: '温馨提示' |
|
,content: '请勿上传违规图片！' |
|
}); |
|
} |
|
}); |
|
} |
|
}); |
|
} |
|
} |
|
}); |
|
//上传到sm.ms |
|
upload.render({ |
|
elem: '#sm' |
|
,url: 'https://sm.ms/api/upload' |
|
,before: function(obj){ //obj参数包含的信息，跟 choose回调完全一致，可参见上文。 |
|
layer.load(); //上传loading |
|
} |
|
,done: function(res){ |
|
//如果上传失败 |
|
if(res.code == 'error'){ |
|
layer.open({ |
|
title: '温馨提示' |
|
,content: res.msg |
|
}); |
|
layer.closeAll('loading'); |
|
} |
|
else if(res.code == 'success'){ |
|
layer.closeAll('loading'); |
|
$("#showpic a").attr('href',res.data.url); |
|
$("#showpic img").attr('src',res.data.url); |
|
$("#url").val(res.data.url); |
|
$("#html").val("<img src = '" + res.data.url + "' />"); |
|
$("#markdown").val("![](" + res.data.url + ")"); |
|
$("#bbcode").val("[img]" + res.data.url + "[/img]"); |
|
$("#upok").show(); |
|
$.post("./functions/sm.php",{data:res.data},function(data,status){ |
|
|
|
}); |
|
} |
|
} |
|
}); |
|
//上传到sm.ms end |
|
}); |
|
|
|
//复制链接 |
|
function copy(info){ |
|
var copy = new clipBoard(document.getElementById('piclink'), { |
|
beforeCopy: function() { |
|
info = $("#" + info).val(); |
|
}, |
|
copy: function() { |
|
return info; |
|
}, |
|
afterCopy: function() { |
|
|
|
} |
|
}); |
|
layui.use('layer', function(){ |
|
var layer = layui.layer; |
|
|
|
layer.msg('复制成功！', {time: 2000}) |
|
}); |
|
} |
|
//后台复制URL |
|
function copyurl(url){ |
|
var copy = new clipBoard(document.getElementById('adminpic'), { |
|
beforeCopy: function() { |
|
|
|
}, |
|
copy: function() { |
|
return url; |
|
}, |
|
afterCopy: function() { |
|
|
|
} |
|
}); |
|
layui.use('layer', function(){ |
|
var layer = layui.layer; |
|
|
|
layer.msg('链接已复制！', {time: 2000}) |
|
}); |
|
} |
|
|
|
//复制链接 |
|
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(){ |
|
// 获取用户提交的信息 |
|
var user = $("#user").val(); |
|
var password = $("#password").val(); |
|
|
|
if((user == '') || (password == '')){ |
|
layer.msg('用户名或密码不能为空！'); |
|
return false; |
|
} |
|
|
|
$.post("../functions/Controller.php?type=login",{user:user,password:password},function(data,status){ |
|
layer.msg(data,{time:2000}); |
|
}); |
|
} |
|
|
|
//用户前台预览图片 |
|
function userpreview(imgurl,id){ |
|
var showimg = "<center><img style = 'max-width:100%;max-height:100%;' src = '" + imgurl + "' /></center>"; |
|
layui.use('layer', function(){ |
|
var layer = layui.layer; |
|
layer.open({ |
|
type: 1, |
|
title:"图片预览", |
|
area: ['80%', '80%'], |
|
content: showimg |
|
}); |
|
}); |
|
} |
|
|
|
//后台管理员查看图片 |
|
function adminshow(imgurl,id){ |
|
$("#adminshow").show(); |
|
$("#url").val(imgurl); |
|
$("#html").val("<img src = '" + imgurl + "' />"); |
|
$("#markdown").val("![](" + imgurl + ")"); |
|
$("#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:false, |
|
area: '720px', |
|
content: $("#adminshow"), |
|
btn: ['删除'], |
|
cancel: function(index, layero){ |
|
$("#adminshow img").attr("src",""); |
|
$("#copy").hide(); |
|
}, |
|
yes: 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.closeAll(); |
|
}); |
|
} |
|
}); |
|
}); |
|
} |
|
|
|
|
|
|
|
//后台管理员查看SM.MS图片 |
|
function smshow(imgurl,id){ |
|
var showimg = "<center><img style = 'max-width:100%;max-height:100%;' src = '" + imgurl + "' /></center>"; |
|
layui.use('layer', function(){ |
|
var layer = layui.layer; |
|
layer.open({ |
|
type: 1, |
|
title:"图片预览", |
|
area: ['80%', '80%'], |
|
content: showimg, |
|
btn: ['压缩', '删除'], |
|
yes: function(index, layero){ |
|
layer.msg('SM.MS图片不支持压缩！', {time: 2000}) |
|
} |
|
//删除按钮 |
|
,btn2: function(index, layero){ |
|
layer.confirm('确认删除？', {icon: 3, title:'温馨提示！'}, function(index){ |
|
$.get("./delete.php?type=sm&id="+id,function(data,status){ |
|
if(data == 'ok') { |
|
$("#imgid"+id).remove(); |
|
} |
|
else{ |
|
alert(data); |
|
} |
|
}); |
|
|
|
layer.close(index); |
|
}); |
|
} |
|
}); |
|
}); |
|
} |
|
|
|
//删除某张图片 |
|
function deleteimg(id){ |
|
layer.confirm('确认删除？', {icon: 3, title:'温馨提示！'}, function(index){ |
|
$.get("./delete.php?id="+id,function(data,status){ |
|
if(data == 'ok') { |
|
$("#imgid"+id).remove(); |
|
} |
|
else{ |
|
alert(data); |
|
} |
|
}); |
|
|
|
layer.close(index); |
|
}); |
|
} |
|
//删除SM.MS图片 |
|
function deletesm(id){ |
|
layer.confirm('确认删除？', {icon: 3, title:'温馨提示！'}, function(index){ |
|
$.get("./delete.php?type=sm&id="+id,function(data,status){ |
|
if(data == 'ok') { |
|
$("#imgid"+id).remove(); |
|
} |
|
else{ |
|
alert(data); |
|
} |
|
}); |
|
|
|
layer.close(index); |
|
}); |
|
} |
|
|
|
//取消图片可疑状态 |
|
function cdubious(id){ |
|
layer.confirm('确认取消图片可疑状态？', {icon: 3, title:'温馨提示！'}, function(index){ |
|
$.get("./operation.php?type=cdubious&id="+id,function(data,status){ |
|
if(data == 'ok') { |
|
$("#imgid"+id).remove(); |
|
} |
|
else{ |
|
alert(data); |
|
} |
|
}); |
|
|
|
layer.close(index); |
|
}); |
|
} |
|
|
|
//图片压缩功能 |
|
function compress(id){ |
|
//layer.msg('该功能还在开发中！', {time: 2000}) |
|
layer.open({ |
|
type:3 |
|
,content: '处理中...' |
|
}); |
|
$.get("../functions/class/class.pic.php?id=" + id,function(data,status){ |
|
if(status == 'success'){ |
|
layer.closeAll('loading'); |
|
} |
|
layer.open({ |
|
title: '温馨提示：', |
|
time:2000 |
|
,content: data |
|
}); |
|
}); |
|
} |
|
|
|
//IP查询 |
|
function ipquery(ip){ |
|
$.get("https://api.ttt.sh/ip/qqwry/" + ip,function(data,status){ |
|
if(status == 'success') { |
|
var info = JSON.parse(data); |
|
layer.open({ |
|
title: 'IP查询结果：' |
|
,content: info.address |
|
,time:3000 |
|
}); |
|
} |
|
}); |
|
} |
|
|
|
//关于 |
|
function about(){ |
|
url = window.location.protocol + '//'; |
|
url = url + window.location.host + '/'; |
|
layer.open({ |
|
title: '关于', |
|
type: 2, |
|
area: ['240px', '100px'], |
|
content: "./about.php" |
|
}); |
|
} |
|
|
|
//删除本页所有照片 |
|
function delall(){ |
|
layer.confirm('确认删除本页所有图片？', {icon: 3, title:'提示'}, function(index){ |
|
//do something |
|
|
|
layer.close(index); |
|
}); |
|
} |
|
|
|
//预览图片 |
|
function previewimg(id,url){ |
|
var imgid = "img" + id; |
|
var upid = id - 1; |
|
|
|
var dnid = id + 1; |
|
|
|
$("#show" + upid).hide(); |
|
$("#show" + dnid).hide(); |
|
|
|
$("#img" + id).attr('src',url); |
|
$("#show" + id).show(); |
|
|
|
} |
|
//隐藏图片 |
|
function hideimg(id){ |
|
var upid = id - 1; |
|
|
|
var dnid = id + 1; |
|
$("#show" + id).hide(); |
|
$("#show" + upid).hide(); |
|
$("#show" + dnid).hide(); |
|
} |
|
|
|
//Ctrl + V上传图片 |
|
//$(document).keyup(function(){ |
|
// 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(); |
|
} |
|
|
|
//URL上传 |
|
function urlup(){ |
|
layui.use('layer', function(){ |
|
var layer = layui.layer; |
|
layer.open({ |
|
type:3 |
|
,content: '上传中，请等待...' |
|
}); |
|
}); |
|
arr = $("#arrurl").val(); |
|
//如果地址为空 |
|
if(arr == ''){ |
|
layer.closeAll('loading'); |
|
layer.msg('地址不能为空！'); |
|
return false; |
|
} |
|
|
|
$.post("../functions/urlup.php",{arr:arr},function(data,status){ |
|
var re = eval('(' + data + ')'); |
|
if(re.code == 1){ |
|
//关闭加载层 |
|
layer.closeAll('loading'); |
|
layer.msg(re.msg); |
|
} |
|
else if(re.code == 0){ |
|
//关闭加载层 |
|
layer.closeAll('loading'); |
|
layer.msg(re.msg); |
|
} |
|
else{ |
|
layer.closeAll('loading'); |
|
layer.msg(re.msg); |
|
} |
|
}); |
|
} |
|
|
|
//时间筛选 |
|
function screen(page){ |
|
var starttime = $("#starttime").val(); |
|
var endtime = $("#endtime").val(); |
|
|
|
if((starttime == '') || (endtime == '')){ |
|
layui.use('layer', function(){ |
|
var layer = layui.layer; |
|
layer.msg('请选择时间！'); |
|
}); |
|
} |
|
|
|
else{ |
|
window.location.href = page + "?page=1&date=" + starttime + '|' + endtime; |
|
} |
|
} |