jsp获得file属性

来源：互联网发布：网络零售的特点与模式编辑：程序博客网时间：2024/05/02 00:02

<!DOCTYPE html>
<%@ page language="java" contentType="text/html; " pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>导入数据</title>
<link rel="stylesheet" type="text/css" href="<s:url value='/css/base.css'/>" />
<script type="text/javascript" src="<s:url value='/steal/steal.js'/>"></script>
<script type="text/javascript" src="<s:url value='/js/base/jquery-1.11.1.min.js'/>"></script>

<style>
.file {
display: inline-block;
background: rgb(96,164,229);
border: 1px solid rgb(75,144,211);
border-radius: 4px;
padding: 4px 12px;
overflow: hidden;
color: #fff;
font-family:Microsoft Yahei;
text-decoration: none;
text-indent: 0;
line-height: 20px;
}
.file input {
position: absolute;
font-size: 100px;
opacity: 0;
}
.file:hover {
background: rgb(80,147,215);
color:#fff;
text-decoration: none;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="main">
<div class="mainbox">
<div class="maintop tips font14"><strong><img src="<s:url value='/images/server/biz/icon_dw.jpg'/> " width="15" height="17" align="absmiddle" /> 我的模板下载：</strong>
<a href="<s:url value='/upload/doDownloadTemplate.do'/>" >${templateName}</a>
</div>

<div class="mainlist">
<form id="hx-form" method="post" enctype="multipart/form-data" action="/upload/doUploadTemplate.do">
<input type="hidden" name="templateName" value="${templateName}"/>
<div style="text-align: center;" class="text_m">
<table style="margin: auto;" >
<tr>
<td align="right">
<input name="textfield" type="text" class="input3" id="textfield" style="width:400px;"/>
</td>
<td align="left">
<input type="button" id="select_btn" class ="file" value="选择文件"/>
<input type="file" name="importfile" id="importfile" hidden=true></input>
</td>
</tr>
</table>
</div>
<div style="padding-bottom:40px;text-align: center;"><input type="button" id="add" value="上传" class="btn"/></div>
</form>
<div style="font-size:15px; padding-top:15px;text-align: left;margin:0 30%;" class="text_m">${request.buf}</div>
</div>
</div>
</div>
<script type="text/javascript">

steal(
'js/global',
'js/icinfo',
'js/icinfo/ui/dialog'
).then(

function(){

$("#select_btn").click(function(){
$('#importfile').click();
});

$("#add").bind("click",function(){
var filename = $("#importfile").val();
var filetype = filename.substr(filename.indexOf("."));
if(filetype!=".xls"){
$.HxAlert("文件格式不正确，请上传xls格式的文档！");
return false;
}
//提交表单
$('#hx-form').submit();
});

$("#importfile").bind("change",function(){
var filePath = $(this).val();
var fs = $(this).context.files[0].size;
if(fs>1024){
fs=fs/1024;
fs=fs+'KB';
}else{
fs = fs+'B';
}
$("#textfield").val(filePath+' (文件大小：'+fs+')');

});
});
</script>
</body>
</html>

0 0