|
|
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
|
|
|
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
|
|
|
<%
|
|
|
String path = request.getContextPath();
|
|
|
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
|
|
|
|
|
|
%>
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>人事系统</title>
|
|
|
|
|
|
<link rel="stylesheet" href="<%=basePath%>/css/xadmin.css">
|
|
|
<script src="<%=basePath%>/layui-v2.6.6/layui/layui.js" charset="utf-8"></script>
|
|
|
<script type="text/javascript" src="<%=basePath%>/js/xadmin.js"></script>
|
|
|
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
|
|
<!--[if lt IE 9]>
|
|
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|
|
<![endif]-->
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="layui-fluid">
|
|
|
<div class="layui-row">
|
|
|
<form class="layui-form" name="dataForm" id="dataForm">
|
|
|
<div class="layui-form-item">
|
|
|
<label for="test1" class="layui-form-label">
|
|
|
<span class="x-red">*</span>上传文件:
|
|
|
</label>
|
|
|
<button type="button" class="layui-btn" id="test1">
|
|
|
<i class="layui-icon"></i>上传文件
|
|
|
</button>
|
|
|
|
|
|
<input type="text" class="layui-btn" id="fileName" name="fileName" onkeyup="value=value.replace('.','')" required style="background-color: #e7e4e4;width: 350px;font-size: 18px"></input><span>文件名称</span>
|
|
|
|
|
|
</div>
|
|
|
<div style="margin-left: 15%;margin-top: 12px">
|
|
|
<input type="button" lay-filter="submit" class="layui-btn" id ="submit" lay-submit="" value="确定上传"/>
|
|
|
<input type="button" class="layui-btn" id ="gb" value="关闭"/>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<script>layui.use(['upload','form', 'layer'],
|
|
|
function() {
|
|
|
$ = layui.jquery;
|
|
|
var form = layui.form,
|
|
|
layer = layui.layer;
|
|
|
var upload = layui.upload;
|
|
|
|
|
|
upload.render({
|
|
|
elem: '#test1'
|
|
|
,accept:'file'
|
|
|
,url: '<%=request.getContextPath()%>/uploadfile/upload.do'
|
|
|
,auto: false //选择文件后不自动上传
|
|
|
,bindAction: '#submit' //指向一个按钮触发上传
|
|
|
,data: {
|
|
|
fileName:function () {
|
|
|
return $("#fileName").val();
|
|
|
}
|
|
|
} //可选项。额外的参数，如：{id: 123, abc: 'xxx'}
|
|
|
,choose: function(obj){
|
|
|
//将每次选择的文件追加到文件队列
|
|
|
var files = obj.pushFile();
|
|
|
obj.preview(function(index, file, result){
|
|
|
console.log(file.name); //得到文件对象
|
|
|
var fileName = file.name;
|
|
|
$("#fileName").val(fileName.substring(0, fileName.lastIndexOf(".")));
|
|
|
});
|
|
|
|
|
|
}
|
|
|
,done: function(res){
|
|
|
console.log(res)
|
|
|
if(res.code ==0){
|
|
|
layer.alert("上传成功!",{icon:6});
|
|
|
window.reload();
|
|
|
}else{
|
|
|
layer.alert(res.msg,{icon:5});
|
|
|
}
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
/* //监听提交
|
|
|
form.on("submit(submit)", function (data) {
|
|
|
/!*var data = $("#dataForm").serialize();*!/
|
|
|
$.ajax({
|
|
|
"url":"<%=request.getContextPath()%>/uploadfile/add.do",
|
|
|
"data":data.field,
|
|
|
"type":"post",
|
|
|
"dataType":"json",
|
|
|
"success":function(res){
|
|
|
//后台操作成功
|
|
|
if(res.code ==0){
|
|
|
layer.alert("添加成功!", {
|
|
|
icon: 6
|
|
|
},
|
|
|
function() {
|
|
|
//关闭当前frame
|
|
|
xadmin.close();
|
|
|
// 可以对父窗口进行刷新
|
|
|
xadmin.father_reload();
|
|
|
});
|
|
|
}else{
|
|
|
layer.alert(res.msg+",请联系系统管理人员!", {icon: 5});
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
return false;
|
|
|
});*/
|
|
|
|
|
|
//监听关闭
|
|
|
$("#gb").on('click',function(){
|
|
|
xadmin.del_tab();
|
|
|
})
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
<script>
|
|
|
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
