您的位置:首页 > Web前端 > JQuery

Struts2 Ajax文件上传功能 使用Jquery.form插件

2013-05-27 11:58 701 查看
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" onclick='$("#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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐