springmvc Ajax表单上传文件案例
2017-08-03 15:46
357 查看
1.html
2.js
3.controller
4.spring.xml
<form id='formId' method='post' enctype="multipart/form-data"> <table> <tr> <td class='n_type'>名称</td> <td><input id='n_project_name' name='project_name'></td> </tr> <tr> <td class='n_type'>文件:</td> <td> <input id="lefile" name="lefile" type="file" style="display:none"> <div class="input-append"> <input id="file_name" name="file_name" type="text" > <a class="btn" onclick="$('input[id=lefile]').click();" >上传</a> </div> </td> </tr> </table> </form>
2.js
$('input[id=le 4000 file]').change(function() { $('#file_name').val($(this).val()); }); $("#flowconfirm").click(function() { $.ajax({ cache: true, type: "POST", url:url, data: new FormData(document.getElementById("formId")), // 告诉jQuery不要去处理发送的数据 processData : false, // 告诉jQuery不要去设置Content-Type请求头 contentType : false, error: function(request) { alert("Connection error"); }, success: function(data) { } }); });
3.controller
@RequestMapping(value = "/addProject" , method = RequestMethod.POST) @ResponseBody public Object addProject(Project project , HttpServletRequest request){ //获取上传的文件 MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request; MultipartFile file = multipartRequest.getFile("lefile"); String fileName = file.getOriginalFilename(); project.setFile_name(fileName); //保存 try { File targetFile = new File(projectFilePath, fileName); if(!targetFile.exists()){ targetFile.mkdirs(); } file.transferTo(targetFile); } catch (Exception e) { e.printStackTrace(); } return null; }
4.spring.xml
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- 上传文件大小控制 --> <property name="maxUploadSize" value="10240000" /> <property name="resolveLazily" value="true" /> <property name="defaultEncoding" value="UTF-8" /> </bean>
相关文章推荐
- SpringMVC案例3----spring3.0项目拦截器、ajax、文件上传应用
- 基于springMVC文件上传的例子。ajax提交表单,子窗口关闭刷新父界面的demo
- ajax上传带文件的form表单,springmvc接收
- SpringMvc 利用ajax上传表单文件
- 用AJAX异步提交表单上传多个文件(type=‘file‘)案例
- SpringMVC案例3----spring3.0项目拦截器、ajax、文件上传应用
- springmvc包含文件上传的表单报错
- ajax上传form表单或者文件以及结合validate验证
- Ajax提交Form表单及文件上传的实例代码
- js 使用ajax进行文件上传并获取上传进度案例
- Ajax上传表单数据和文件
- Ajax表单异步上传(包括文件域)
- ajax上传form表单包含文件
- ajax提交表单form,form包含文件上传
- ie8 ajaxSubmit上传文件提示下载和提交表单两次
- ajax上传文件(以图片为例) SpringMVC
- SpringMVC结合ajaxfileupload.js实现文件无刷新上传
- SpringMVC使用js提交表单上传多文件,并如何防止表单自动提交
- $('xx')[0].files[0]是什么意思,Ajax上传文件至springMVC的controller
- Ajax方式提交带文件上传的表单及隐藏iframe应用