Struts2 Ajax文件上传功能 使用Jquery.form插件
2013-05-27 11:58
701 查看
jquery form 教程地址:http://www.malsup.com/jquery/form/#getting-started
Form表单:
JS 脚本
Struts2 拦截
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>
相关文章推荐
- jquery 实现ajax 上传文件的功能(使用插件 ajaxfileupload)
- 使用jquery.form插件的ajaxSubmit方法上传文件
- ASP 使用 jQuery Ajax File Uploader插件上传文件(适用于支持H5的浏览器)
- jquery.form.js官方插件介绍Form插件,支持Ajax,支持Ajax文件上传
- ASP.NET MVC中,怎么使用jquery/ajaxForm上传文件
- JQuery文件上传插件ajaxFileUpload在Asp.net MVC中的使用
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能
- 带文件上传的form表单提交, jquery的ajaxfileupload+插件dropzone图文详解
- Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
- jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能
- H5API-jQuery的ajax使用FormData、拖拽文件上传、cookie
- jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能
- jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。
- jQuery上传文件插件AjaxFileUpload的使用
- 使用 jquery 的 form 插件上传文件 实验
- ajax上传图片所用jquery.form.js插件详细使用方法
- 使用html+ajax+formdata+SpringMVC实现单个文件,和多个文件上传功能
- Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
- jquery.form.js官方插件介绍Form插件,支持Ajax,支持Ajax文件上传