mirror of https://github.com/helloxz/imgurl
277 lines
9.0 KiB
JavaScript
277 lines
9.0 KiB
JavaScript
// 选择按钮
|
||
// $(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:10240
|
||
,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]");
|
||
$("#dlink").val(res.delete);
|
||
$("#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:10240
|
||
,number:5 //可同时上传数量
|
||
,before: function(obj){ //上传之前的回调
|
||
//清空显示区域
|
||
$("#re-url pre").empty();
|
||
$("#re-html pre").empty();
|
||
$("#re-md pre").empty();
|
||
$("#re-bbc pre").empty();
|
||
$("#re-dlink 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,res.delete);
|
||
//对图片进行鉴黄识别
|
||
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,dlink){
|
||
$("#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>");
|
||
$("#re-dlink pre").append(dlink + "<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);
|
||
}
|
||
|
||
//改用jquery异步加载背景图
|
||
// $(document).ready(function(){
|
||
// $("body").css("background-image","url('/static/images/bg.jpg')");
|
||
// });
|