143 lines
4.8 KiB
Plaintext
143 lines
4.8 KiB
Plaintext
|
<%@page import="javax.sound.midi.SysexMessage"%>
|
|||
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|||
|
|
pageEncoding="UTF-8"%>
|
|||
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|||
|
|
<c:set var="bonuspath" value="${pageContext.request.contextPath}"/>
|
|||
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|||
|
|
<script type="text/javascript" src="${bonuspath}/static/js/jquery/jquery-2.0.3.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="${bonuspath}/static/js/jquery/jquery-form.js"></script>
|
|||
|
|
<%-- <script type="text/javascript" src="${bonuspath}/static/js/layui/layui.js"></script>
|
|||
|
|
<script type="text/javascript" src="${bonuspath}/static/js/pm/machines.js"></script> --%>
|
|||
|
|
<script type="text/javascript" src="${bonuspath}/static/js/ace/jy.js"></script>
|
|||
|
|
<script src="${bonuspath}/static/js/layer.js"></script>
|
|||
|
|
<link rel="stylesheet" href="${bonuspath}/static/js/theme/default/layer.css" />
|
|||
|
|
<title>Insert title here</title>
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
<style>
|
|||
|
|
html,body{
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
.img-container {
|
|||
|
|
width: 293px;
|
|||
|
|
height: 150px;
|
|||
|
|
background: #F2F2F2;
|
|||
|
|
margin-bottom: 35px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
border: 1px solid #000;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.img-container>img {
|
|||
|
|
width: 293px;
|
|||
|
|
height: 150px;
|
|||
|
|
}
|
|||
|
|
#myFormId{
|
|||
|
|
margin-left: 20%;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<fieldset>
|
|||
|
|
<legend>发票上传</legend>
|
|||
|
|
<h2>只能上传单张10M以下的 PNG、JPG、GIF 格式的图片</h2>
|
|||
|
|
<form id="myFormId" method="post" action="${bonuspath}/backstage/new/uploadPhoto"
|
|||
|
|
target="frmright" enctype="multipart/form-data" >
|
|||
|
|
选择文件:<input class="img-btn" type="file" id="drivingLicence" name="drivingLicence">
|
|||
|
|
<input style="display: none;" name="maModelId" id="maModelId" type="text" />
|
|||
|
|
<input style="display: none;" name="taskId" id="taskId" type="text" />
|
|||
|
|
<div class="img-container"></div>
|
|||
|
|
<input type="submit" value="上传" />
|
|||
|
|
<input type="button" value="取消" onclick="closeUpload()"/>
|
|||
|
|
</form>
|
|||
|
|
</fieldset>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
var maModelId = localStorage.getItem("maModelId");
|
|||
|
|
var taskId = localStorage.getItem("taskId");
|
|||
|
|
var bonuspath = localStorage.getItem("bonuspath");
|
|||
|
|
$("#maModelId").val(maModelId);
|
|||
|
|
$("#taskId").val(taskId);
|
|||
|
|
$(function(){
|
|||
|
|
/** 验证文件是否导入成功 */
|
|||
|
|
$("#myFormId").ajaxForm(function(data){
|
|||
|
|
var obj = $.parseJSON(data);
|
|||
|
|
if(obj.res=='1' || obj.res==1){
|
|||
|
|
layer.alert("提交成功！");
|
|||
|
|
var index=parent.layer.getFrameIndex(window.name);
|
|||
|
|
parent.layer.close(index); //疯狂模式，关闭所有层
|
|||
|
|
window.parent.location.reload(); //刷新父页面
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function previewImg(fileInput, imgDiv) {
|
|||
|
|
if(window.FileReader) { //支持FileReader的时候
|
|||
|
|
var reader = new FileReader();
|
|||
|
|
reader.readAsDataURL(fileInput.files[0]);
|
|||
|
|
reader.onload = function(evt) {
|
|||
|
|
imgDiv.innerHTML = "\<img src=" + evt.target.result + "\>";
|
|||
|
|
}
|
|||
|
|
} else { //兼容ie9-
|
|||
|
|
imgDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + fileInput.value + '\)\';"></div>';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function selectImg(fileInputs, imgDivs) {
|
|||
|
|
var checkImg = new RegExp("(.jpg$)|(.png$)|(.bmp$)|(.jpeg$)", "i");
|
|||
|
|
var i = 0;
|
|||
|
|
for(; i < fileInputs.length && i < imgDivs.length; i++) {
|
|||
|
|
(function(i) { //立即执行函数；保存i
|
|||
|
|
fileInputs[i].onchange = function() {
|
|||
|
|
if(checkImg.test(fileInputs[i].value)) {
|
|||
|
|
previewImg(this, imgDivs[i]);
|
|||
|
|
} else {
|
|||
|
|
layer.msg("只支持上传.jpg .png .bmp .jpeg;你的选择有误!!!");
|
|||
|
|
$("#drivingLicence").val("");
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
})(i);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
/* 为IE6 IE7 IE8增加document.getElementsByClassName函数 */
|
|||
|
|
/MSIE\s*(\d+)/i.test(navigator.userAgent);
|
|||
|
|
var isIE = parseInt(RegExp.$1 ? RegExp.$1 : 0);
|
|||
|
|
if(isIE > 0 && isIE < 9) {
|
|||
|
|
document.getElementsByClassName = function(cls) {
|
|||
|
|
var els = this.getElementsByTagName('*');
|
|||
|
|
var ell = els.length;
|
|||
|
|
var elements = [];
|
|||
|
|
for(var n = 0; n < ell; n++) {
|
|||
|
|
var oCls = els[n].className || '';
|
|||
|
|
if(oCls.indexOf(cls) < 0) continue;
|
|||
|
|
oCls = oCls.split(/\s+/);
|
|||
|
|
var oCll = oCls.length;
|
|||
|
|
for(var j = 0; j < oCll; j++) {
|
|||
|
|
if(cls == oCls[j]) {
|
|||
|
|
elements.push(els[n]);
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return elements;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var fileInputs = document.getElementsByClassName("img-btn"); //文件选择按钮
|
|||
|
|
var imgDivs = document.getElementsByClassName("img-container"); //图片容器
|
|||
|
|
selectImg(fileInputs, imgDivs);
|
|||
|
|
|
|||
|
|
function closeUpload(){
|
|||
|
|
var index=parent.layer.getFrameIndex(window.name);
|
|||
|
|
parent.layer.close(index); //疯狂模式，关闭所有层
|
|||
|
|
// window.parent.location.reload(); //刷新父页面
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|