springmvc利用jquery.form插件异步上传文件示例

需要的下载文件：

jQuery.form.js

jquery.js

commons-fileupload.jar

commons-io.jar

示例图片

pom.xml

！-文件上传-dependency GrouP id commons-文件上传/GrouP id工件id commons-文件上传/工件id版本1.3/版本/依赖关系依赖关系GrouP id commons-io/GrouP id工件id commons-io/工件id版本2.4/版本/依赖关系web.xml解决上传后中文文件名乱码问题

！-解决提交时中文乱码问题开始-过滤器过滤器-名称集字符编码/过滤器-名称过滤器-类别组织。弹簧框架。网络。过滤器。字符编码过滤器/过滤器类init-param-name Encoding/param-name param-value utf-8/param-value/init-param/过滤器-过滤器-映射过滤器-名称集字符编码/过滤器-名称URL-模式/*/URL-模式/过滤器-映射！-解决提交时中文乱码问题end - servlet-context.xml中添加对上传的支持

！-支持文件上传-bean s : bean id=' Multipart resolver ' class=' org。弹簧框架。网络。多部分的。公地。通用smultipart解析器/bean s : bean JSP文件

“% @”页面语言=“Java”导入=“Java”。乌提尔。*”页面编码=“UTF-8”内容类型=“文本/html；charset=UTF-8“% % @ taglib uri=”http://Java。星期日' com/JSP/jstl/core '前缀=' c ' % % String路径=请求。getcontextpath()；字符串基本路径=请求。getscheme()' ://'请求。getservername()“:”请求。getserverport()路径；% html lang=' us ' head meta charset=' utf-8 ' title spring MVC上传文件/title link type=' text/CSS ' href=' %=基本路径%/resources/CSS/jquery-ui/jquery-ui。CSS ' rel='样式表/link href=' %=基本路径%/资源/主题/bower _ components/bootstrap/dist/CSS/bootstrap。量滴CSS ' rel='样式表/head body h2springmvc上传文件/H2 br/br/div class=' alert alert-success ' id=' formSucc '/div br/表单角色=' form ' id=' upload form ' name=' upload form ' enctype=' multipart/form-data ' div class=' form-group '标签项目名称/label/div class=' form-group '标签输入类=' form-control ' maxlength=' 30 ' id=' project name ' name=' project name '/label/div class=' form-group ' 标签文件输入/标签输入类型=' file ' name=' file '/div button class=' BTN ' type=' button ' id=' DoSave '提交/按钮/表单div/div/正文/html脚本类型=' text/JavaScript ' src=' http :%=基本路径%/resources/js/jquery/jquery-1。 11 .3 .量滴js /脚本类型=' text/JavaScript ' src=' http :%=基本路径%/resources/js/jquery-ui/jquery-ui。js /脚本类型=' text/JavaScript ' src=' hide()；$('#doSave ').单击(function(){ var request URL=' %=base path %/widget/save file。JSON '；var projectName=$('#projectName ').val()；$('#uploadForm ').ajaxSubmit({ type: 'post '，url: requestUrl，//data : { project name : project name }，//应该把这个去掉，要不然，值会有重复，因为形式提交时已经做了一次提交了。 //如果项目名称的值为tt '，如果这个地方不去掉，那么提交接收的值变成TTTT了内容类型： ' application/x-www-form-URL编码；charset=utf-8 '，成功：函数（数据){ if(data.success){ $(').信息提示')。移除();$('#formSucc ').show()；$('#formSucc ').追加(' label class=' info IPS ' '数据。消息'/标签')；} } });});});/脚本爪哇的控制器文件

打包。痛苦丘比特。春季MVC。小部件。控制器；导入Java。io。ioexception导入Java。io。InputStream导入Java。乌提尔。列表；导入javax。注释。资源；导入javax。servlet。http。HttpServletrequest导入组织。slf4j。伐木工人；导入组织。slf4j。伐木工人工厂；导入组织。弹簧框架。刻板印象。控制器；导入组织。弹簧框架。网络。绑定。注释。请求映射；导入组织。弹簧框架。网络。绑定。注释。请求方法；导入组织。弹簧框架。网络。绑定。注释。请求参数；导入组织。弹簧框架。网络。绑定。注释。反应体；导入组织。弹簧框架。网络。多部分的。多部分文件；导入com。痛苦丘比特。春季MVC。金融。领域。金融；进口。com。痛苦丘比特。春季MVC。测试。领域。人；导入com。痛苦丘比特。春季MVC。乌提尔。basejsonrst导入com。痛苦丘比特。春季MVC。乌提尔。creatmockdata/* * * * @作者亚瑟。痛苦丘比特。李* @自2016 .01 .24 * */@ Controller @请求映射(“/widget”)公共类widget Controller {私有静态最终Logger日志=Logger工厂。getlogger(小部件控制器。类)；/** * 上传文件* 在前台的访问路径为：http://localhost :8080/spring MVC/widget/upload file/view * @ return */@ request mapping('/upload file/view ')public String upload file(){ return ' widget/upload file '；} @ResponseBody @RequestMapping(值='/saveFile '，方法=RequestMethod .POST)public BaseJsonRst save file(@ request param multi file，@ request param String项目名称){ BaseJsonRst view=new BaseJsonRst()；字符串organiginalfilename=请尝试{字符串文件名=文件。getname()；InputStream InputStream=文件。getinputstream()；字符串内容=文件。GetContentType()；orgginalfilename=file。getoriginalfilename()；日志。info(' fileName : ' fileName '，inputStream : ' inputStream ' \ r \ n content : ' content '，Orginalfilename :=' Orginalfilename ' \ r \ n项目名称： '项目名称)；} catch(IOexception e){ e . print stack trace()；}视图。setsuccess(真)；view.setMessage('上传："原始文件名"文件成功!');返回视图；} } 下载源码地址：http://小哉。JB 51。net/201701/马援/springmvc_jb51.rar

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。