使用jQuery.form.js/springmvc框架实现文件上传功能

使用的技术有jquery.form.js框架，以及学习笔记一框架。主要实现异步文件上传的同时封装对象，以及一些注意事项。

功能本身是很简单的，但是涉及到一些传递参数类型的问题。例如：jquery的创建交互式、快速动态网页应用的网页开发技术方法与jquery.form.js中的ajaxSubmit方法的参数，具体细节将在下一篇博客中分享。

重点：html表格三要素：操作='文件上传/文件上传'方法=“post”enctype=“multipart/form-data”；

1.最简单的表单直接提交

超文本标记语言代码：

体型操作='文件上传/文件上传'方法=' post ' enctype=' multipart/form-data '输入类型='text '名称='password '输入类型=“文件”名称=“文件”输入类型='text '名称='username '输入类型='提交'值='submit'/formbutton id='button '提交/button/body java代码（具体的学习笔记一配置，包括文件上传的配置参考//www .JB 51。net/article/84078。htm)

@ Controller @请求映射(“/文件上传”)公共类文件上载{ @请求映射('/文件上载')@ ResponseBodypublic String文件上载1(@请求参数('文件')多部分文件文件/*，@ request param(' username ')String username */){ system。出去。println('-file。getsize())；if(！文件。isempty()){ system。出去。println(' Process file : '文件。getoriginalfilename())；请尝试{ fileutils。复制输入流文件(文件。getinputstream()，新文件(' c : \ \ temp \ \ imoc \ \ '，系统。currentitmemillis()。文件。getoriginalfilename()))；} catch(IOexception e){ e . print stack trace()；} }返回”新建文件”；}} 2.使用jquery.form.js的ajaxSubmit方法

超文本标记语言代码以及爪哇岛代码保持不变，给id=按钮的按钮添加事件

$('#button ').click(function(){ var hideForm=$(' form ')；var options={ dataType : 'json '，/* data : { ' file ' : $(' input[type=file]').val()，' username': '123 '，password: '123'}，*/before submit : function(){ alert('正在上传');},成功：函数（结果){ alert('成功上传!');},错误：函数（结果){ } };hideForm.ajaxSubmit(选项);});3.在后台使用一个用户对象接收用户名和密码。

表单操作='文件上传/文件上传'方法=' post ' enctype=' multipart/form-data '输入类型=“文件”名称=“文件”输入类型='提交'值='提交'/表单有可能你会按照下面的步骤做：封装表单数据作为一个数据对象，给上面的射流研究…代码添加数据

数据： { ' file ' : $(' input[type=file]').val()，' user':{'username': '123 '，password: '123'}}在此处其实是画蛇添足，这种情况下发送的请求的详细情况如图：

此时页面会报错415。

-

最合理的代码应该是：html代码与一相同，js代码与2相同，java代码

公共字符串文件上传1(@RequestParam('文件')多部分文件文件，用户用户){ 0而且用户、前面不能加@RequestBody .

以上内容是小编给大家介绍的使用jQuery.form.js/springmvc框架实现文件上传功能，希望对大家有所帮助，如果大家想了解更多精彩内容，敬请关注我们网站！