// 选择按钮 // $(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' ,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(""); $("#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' ,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 + "
"); $("#re-html pre").append("<img src = '" + url + "' />" + "
"); $("#re-md pre").append("![](" + url + ")" + "
"); $("#re-bbc pre").append("[img]" + url + "[/img]" + "
"); } //复制链接 //复制链接 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(""); $("#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); }