<%--
|
Created by IntelliJ IDEA.
|
User: Dell
|
Date: 2024/1/15
|
Time: 14:12
|
To change this template use File | Settings | File Templates.
|
--%>
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
<html>
|
<head>
|
<title>Title</title>
|
<style>
|
ul{
|
display: inline-block;
|
}
|
img{
|
background-size: contain;
|
}
|
</style>
|
<link rel="stylesheet" href="../../CSS/layui.css">
|
<link rel="stylesheet" href="../../CSS/layer.css">
|
</head>
|
<body style="display: none">
|
<div class="layui-container" style="width: 100%;margin: 0px;padding: 0px">
|
<div class="layui-row">
|
<div class="layui-col-xs12 layui-col-md12">
|
<%-- <div style="width: 100%;height: 100%" id="img">--%>
|
|
<%-- </div>--%>
|
<table class="layui-hide" id="img" lay-filter="img"></table>
|
</div>
|
</div>
|
</div>
|
|
<div class="add" style="display: none;width: 600px;background-color: #f6f6f6;border: 1px solid #cccccc;padding: 50px;position: fixed;top: 50px;left: 450px;z-index: 99999">
|
<form class="layui-form" action="/hxzkuwb/addimage" enctype="multipart/form-data" method="post" >
|
<div class="layui-form-item">
|
<label class="layui-form-label">图标名称</label>
|
<div class="layui-input-block">
|
<input type="text" name="names" id="pd2" required autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">宽像素</label>
|
<div class="layui-input-block">
|
<input type="text" name="xpixel" id="pd3" placeholder="上传图片自动获取" readonly required autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">高像素</label>
|
<div class="layui-input-block">
|
<input type="text" name="ypixel" id="pd4" placeholder="上传图片自动获取" readonly required autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">上传图标</label>
|
<div class="layui-input-block">
|
<input type="file" name="images" required accept="image/*">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<button type="submit" class="layui-btn" id="baocun">保存</button>
|
<button type="button" class="layui-btn layui-btn-normal" lay-filter="" onclick="quxiao()" style="margin-left: 200px">取消</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</body>
|
<script type="text/html" id="titleTplimg">
|
<img onclick="sliceimg('{{d.image}}')" src="../../Icon/{{d.image}}" width="35" style="cursor: pointer;background-size: cover" alt="图标" title="点击查看"/>
|
</script>
|
<script type="text/html" id="toolbarDemo">
|
<div class="layui-btn-container" style="margin-left: 0px;margin-top: 20px;display: inline-block">
|
<button class="layui-btn layui-btn-danger" lay-event="getadd">新增</button>
|
<button class="layui-btn layui-btn-danger" lay-event="getdelete">删除</button>
|
</div>
|
</script>
|
<script src="/hxzkuwb/HouTai/Js/jquery-3.5.1.js"></script>
|
<script src="../../JS/layui.js"></script>
|
<script src="../../JS/layer.js"></script>
|
<script src="XiTongJs/SystemImage.js"></script>
|
<script>
|
const fileInput = document.querySelector('input[type="file"]');
|
var file = "";
|
fileInput.addEventListener('change', function() {
|
file = fileInput.files[0];
|
|
// 执行上传文件的操作,可以使用Ajax或其他方式发送文件到服务器
|
|
// 假设上传成功后触发一个自定义事件
|
const uploadSuccessEvent = new CustomEvent('uploadSuccess', {
|
detail: {
|
fileName: file.name,
|
fileSize: file.size,
|
uploadTime: new Date().toISOString()
|
}
|
});
|
|
// 分发自定义事件,通知上传成功
|
document.dispatchEvent(uploadSuccessEvent);
|
});
|
|
|
document.addEventListener('uploadSuccess', function(event) {
|
const fileName = event.detail.fileName;
|
const fileSize = event.detail.fileSize;
|
const uploadTime = event.detail.uploadTime;
|
|
// 创建一个 FileReader 对象
|
const reader = new FileReader();
|
|
// 读取文件内容
|
reader.readAsDataURL(file);
|
|
// 在读取完成时触发的回调函数
|
reader.onload = function(event) {
|
const dataUrl = event.target.result;
|
|
// 创建一个 Image 对象
|
const img = new Image();
|
|
// 设置 Image 对象的 src 属性为 data URL
|
img.src = dataUrl;
|
|
// 当图片加载完成时触发的回调函数
|
img.onload = function() {
|
const width = img.width;
|
const height = img.height;
|
$("#pd3").val(width);
|
$("#pd4").val(height);
|
};
|
};
|
});
|
|
var name = sessionStorage.getItem("username")
|
var data = "username="+name
|
$.get("/hxzkuwb/findUserRole",data,function (data){
|
if (data.juese !="超级管理员"){
|
$("body").empty();
|
$("body").show();
|
$("body").append('<div style="width: 100%;margin: auto;text-align: center;margin-top: 10%"><img src="../../Icon/NoRole.jpg"></div>')
|
$("body").append('<h2 style="text-align: center;">你没有执行当前操作的权限......</h2>')
|
layer.alert('当前没有权限查看此管理页面!请联系管理员')
|
}else{
|
$("body").show();
|
}
|
})
|
</script>
|
</html>
|