jquery form 教程地址:http://www.malsup.com/jquery/form/#getting-started
Form表单:
<form id="uploadTMForm" method="POST" enctype="multipart/form-data">
<table>
<tr>
<td>Upload : <input type="file" name="excelFile" id="uploadTMFile"/></td>
</tr>
<tr>
<td>
<input type="submit" value="Submit" />
<input type="button" value="Cancel" οnclick='$("#uploadTM").dialog("close")'/>
</td>
</tr>
</table>
<div id="upMessage" style="displan:hidden"></div>
</form>
JS 脚本
//upload excel
var validateForm = function() {
var fileName = $("#uploadTMFile").val();
fileName = fileName.substring(fileName.lastIndexOf(".")+1)
if(fileName != "xls" && fileName != "xlsx"){
alert("Formart Error! \rPlease select file by .xls or .xlsx!");
return false;
}
$('#upMessage').html('File Upload ... ...');
return true;
};
var showResponse = function(data,status) {
$('#upMessage').fadeIn("fast",function(){
console.log(data)
});
return true;
};
var options={
target : '#upMessage',
url : '<%=request.getContextPath()%>/teammember/viewUploadTeamMember.action',
beforeSubmit: validateForm,
success : showResponse,
resetForm:true
};
$('#uploadTMForm').ajaxForm(options);
Struts2 拦截
<interceptor-ref name="fileUpload">
<param name="allowedTypes">application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet</param>
<param name="maximumSize">1024*1024*5</param>
</interceptor-ref>