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.
269 lines
8.7 KiB
269 lines
8.7 KiB
// 选择按钮 |
|
// $(document).ready(function(){ |
|
// //获取默认上传方式 |
|
// storage = $('#storage input[name="storage"]:checked ').val(); |
|
// $("#upurl").text(storage); |
|
// //用户自行选择上传方式 |
|
// $("#storage").click(function(){ |
|
// storage = $('#storage input[name="storage"]:checked ').val(); |
|
// $("#upurl").text(storage); |
|
// }); |
|
// }); |
|
// 这个东西没值，你拿不到 |
|
layui.use(['upload','form','element','layer','flow'], function(){ |
|
var upload = layui.upload; |
|
var form = layui.form; |
|
var element = layui.element; |
|
var layer = layui.layer; |
|
var storage = $('#storage input[name="storage"]:checked ').val(); |
|
//图片懒加载 |
|
var flow = layui.flow; |
|
flow.lazyimg({ |
|
elem:'#found img' |
|
}); |
|
//图片查看器 |
|
layer.photos({ |
|
photos: '#found' |
|
,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数） |
|
}); |
|
layer.photos({ |
|
photos: '#lightgallery' |
|
,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数） |
|
}); |
|
|
|
//执行实例 |
|
var uploadInst = upload.render({ |
|
elem: '#upimg' //绑定元素 |
|
//选择的时候触发 |
|
,choose: function(obj){ //obj参数包含的信息，跟 choose回调完全一致，可参见上文。 |
|
//uploadListIns.config.data.storage = storage; |
|
storage = $('#storage input[name="storage"]:checked ').val(); |
|
//this.url = '/upload/' + storage; |
|
//console.log(this.url); |
|
} |
|
,accept:'file' |
|
,acceptMime:'image/webp,image/jpeg,image/pjpeg,image/bmp,image/png,image/x-png,image/gif' |
|
,exts: 'jpg|jpeg|png|gif|bmp|webp' |
|
,size:5120 |
|
,before: function(obj){ //obj参数包含的信息，跟 choose回调完全一致，可参见上文。 |
|
layer.load(); //上传loading |
|
} |
|
,url: '/upload/localhost' //上传接口 |
|
,done: function(res){ |
|
//console.log(res); |
|
//上传完毕回调 |
|
//如果上传失败 |
|
if(res.code == 0){ |
|
layer.open({ |
|
title: '温馨提示' |
|
,content: res.msg |
|
}); |
|
layer.closeAll('loading'); |
|
} |
|
else if(res.code == 200){ |
|
layer.closeAll('loading'); |
|
$("#img-thumb a").attr('href','/img/' + res.imgid); |
|
$("#img-thumb img").attr('src',res.thumbnail_url); |
|
$("#url").val(res.url); |
|
$("#html").val("<img src = '" + res.url + "' />"); |
|
$("#markdown").val("![](" + res.url + ")"); |
|
$("#bbcode").val("[img]" + res.url + "[/img]"); |
|
$("#imgshow").show(); |
|
//对图片进行鉴黄识别 |
|
identify(res.id); |
|
} |
|
} |
|
,error: function(){ |
|
//请求异常回调 |
|
layer.closeAll('loading'); |
|
} |
|
}); |
|
//单文件上传END |
|
//多文件上传开始 |
|
upload.render({ |
|
elem: '#multiple' |
|
,url: '/upload/localhost' |
|
,accept:'file' |
|
,acceptMime:'image/webp,image/jpeg,image/pjpeg,image/bmp,image/png,image/x-png,image/gif' |
|
,exts: 'jpg|jpeg|png|gif|bmp|webp' |
|
,multiple:true |
|
,size:5120 |
|
,number:5 //可同时上传数量 |
|
,before: function(obj){ //上传之前的回调 |
|
//清空显示区域 |
|
$("#re-url pre").empty(); |
|
$("#re-html pre").empty(); |
|
$("#re-md pre").empty(); |
|
$("#re-bbc pre").empty(); |
|
layer.load(); //上传loading |
|
n = 0; |
|
} |
|
,allDone: function(obj){ //当文件全部被提交后，才触发 |
|
//显示上传结果 |
|
$("#multiple-re").show(); |
|
//得到文件总数 |
|
layer.closeAll('loading'); //关闭loading |
|
} |
|
,done: function(res, index, upload){ //上传后的回调 |
|
//n = n + 1; |
|
|
|
if(res.code == 200){ |
|
//得到百分比 |
|
//var col = (n / total) * 100; |
|
multiple(res.url); |
|
//对图片进行鉴黄识别 |
|
identify(res.id); |
|
//element.progress('up-status', col + '%'); |
|
} |
|
else if(res.code == 0){ |
|
layer.msg(res.msg); |
|
return false; |
|
} |
|
} |
|
,error: function(index, upload){ |
|
layer.closeAll('loading'); //关闭loading |
|
} |
|
}) |
|
//多文件上传END |
|
}); |
|
|
|
//显示多图上传结果 |
|
function multiple(url){ |
|
$("#re-url pre").append(url + "<br>"); |
|
$("#re-html pre").append("<img src = '" + url + "' />" + "<br>"); |
|
$("#re-md pre").append("![](" + url + ")" + "<br>"); |
|
$("#re-bbc pre").append("[img]" + url + "[/img]" + "<br>"); |
|
} |
|
|
|
//复制链接 |
|
//复制链接 |
|
function copyurl(info){ |
|
var copy = new clipBoard(document.getElementById('links'), { |
|
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("/user/verify",{user:user,password:password},function(data,status){ |
|
var re = JSON.parse(data); |
|
if(re.code == 200){ |
|
window.location.href = "/admin/"; |
|
} |
|
else{ |
|
layer.msg(re.msg,{time:2000}); |
|
} |
|
//layer.msg(data,{time:2000}); |
|
}); |
|
} |
|
|
|
//显示图片操作按钮 |
|
function show_imgcon(id){ |
|
$("#imgcon" + id).show(); |
|
} |
|
//隐藏图片操作按钮 |
|
function hide_imgcon(id){ |
|
$("#imgcon" + id).hide(); |
|
} |
|
|
|
//显示图片链接 |
|
function showlink(url,thumburl){ |
|
layer.open({ |
|
type: 1, |
|
title: false, |
|
content: $('#imglink'), |
|
area: ['680px', '500px'] |
|
}); |
|
$("#img-thumb a").attr('href', thumburl); |
|
$("#img-thumb img").attr('src',thumburl); |
|
$("#url").val(url); |
|
$("#html").val("<img src = '" + url + "' />"); |
|
$("#markdown").val("![](" + url + ")"); |
|
$("#bbcode").val("[img]" + url + "[/img]"); |
|
$("#imglink").show(); |
|
} |
|
|
|
//对图片进行鉴黄识别 |
|
function identify(id){ |
|
//对图片进行鉴黄识别 |
|
$.get("/deal/identify/" + id,function(data,status){ |
|
var re = JSON.parse(data); |
|
//状态码为400，说明该图片存在异常 |
|
if(re.code == 400){ |
|
layer.open({ |
|
title: '警告！' |
|
,content: '您的IP已被记录，请不要上传违规图片！' |
|
}); |
|
} |
|
else{ |
|
console.log(re.code); |
|
} |
|
}); |
|
} |
|
//重置密码 |
|
function resetpass(){ |
|
var password1 = $("#password1").val(); |
|
var password2 = $("#password2").val(); |
|
|
|
if(password1 != password2){ |
|
layer.msg("两次密码不一致！"); |
|
} |
|
else if(password1 == password2){ |
|
$.post("/deal/resetpass",{password1:password1,password2:password2},function(data,status){ |
|
var re = JSON.parse(data); |
|
layer.msg(re.msg); |
|
}); |
|
} |
|
} |
|
//删除单张图片 |
|
function del_img(id,imgid,path,thumbnail_path){ |
|
layer.confirm('确认删除这张图片？', {icon: 3, title:'温馨提示！'}, function(index){ |
|
$.post("/set/del_img",{imgid:imgid,path:path,thumbnail_path:thumbnail_path},function(data,status){ |
|
var re = JSON.parse(data); |
|
if(re.code == 200) { |
|
$("#img"+id).remove(); |
|
console.log("#img"+id); |
|
} |
|
else{ |
|
layer.msg(data); |
|
} |
|
}); |
|
|
|
layer.close(index); |
|
}); |
|
} |
|
/** |
|
* 创建并下载文件 |
|
* @param {String} fileName 文件名 |
|
* @param {String} content 文件内容 |
|
*/ |
|
function createAndDownloadFile(fileName, content) { |
|
var aTag = document.createElement('a'); |
|
var blob = new Blob([content]); |
|
aTag.download = fileName; |
|
aTag.href = URL.createObjectURL(blob); |
|
aTag.click(); |
|
URL.revokeObjectURL(blob); |
|
} |