- 前端是一个上传照片的页面:
- 前端的形式表单代码:
<form id="form1" name="form1" action="" target="h_ifra" method="post" enctype="multipart/form-data">
form1.action="uploadYhzpFile.do?type="+val; form1.submit();
<input type="file" id="yhzp" name="yhzp" style="right:220; top:150px;height:30px;width:0;position:absolute;opacity:0;filter:alpha(opacity=0) ;cursor:hand" onpropertychange="sc('yhzp')"/><a ><i ></i>上传</a></span>
- 点击上传可以直接调用操作系统默认的选择文件的窗口:
- 选择文件后,触发文件的onpropertychange事件调用js方法调用form.action = uploadYhzpFile.do调用控制层方法代码如下:
public void uploadYhzpFile(MultipartFile yhzp, String type, HttpServletResponse response,HttpServletRequest request) { String yhdm = userbean.getYhdm(); boolean picLenOut = false, picSzieOut = false; PrintWriter out = null; ByteArrayInputStream in =null; if (yhzp != null && !yhzp.isEmpty()) { long fileSize = yhzp.getSize(); if (fileSize > MAX_FILE_SISE) { picLenOut = true; } try { out = response.getWriter(); if (picLenOut) { out.println("<script>window.parent.wjCd();"); out.println("</script>"); } else { byte[] img = yhzp.getBytes(); BufferedImage image = null; try { in = new ByteArrayInputStream(img); image = ImageIO.read(in); } catch (Exception e) { e.printStackTrace(); }finally { if(in !=null) { try { in.close(); } catch (IOException e) { e.printStackTrace(); } } } int width = image.getWidth(); // 像素 int height = image.getHeight(); // 像素 if (width > 90 || height > 120) { picSzieOut = true; } else { picSzieOut = false; } if (picSzieOut) { out.println("<script>window.parent.wjYhzpCd();"); out.println("</script>"); } else { loginService.scZpQm(yhdm,img, type); out.println("<script>window.parent.sxCg();"); out.println("window.parent.sx('" + type + "')"); out.println("</script>"); } } } catch (Exception e) { e.printStackTrace(); } finally { if(out!=null) { out.close(); } } } }
-
控制代码再调用业务层逻辑代码,处理业务,比如保存到库。
loginService.scZpQm(yhdm,img, type);
-
整个前端到后端的流程结束,需要注意的是配置XML的用实现上传的接口:
<!-- 定义文件上传解析器 --> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- 设定默认编码 --> <property name="defaultEncoding" value="UTF-8"></property> <!-- 设定文件上传的最大值为5MB,5*1024*1024 --> <property name="maxUploadSize" value="5242880"></property> <!-- 设定文件上传时写入内存的最大值,如果小于这个参数不会生成临时文件,默认为10240 --> <property name="maxInMemorySize" value="40960"></property> <!-- 上传文件的临时路径 --> <property name="uploadTempDir" value="fileUpload/temp"></property> <!-- 延迟文件解析 --> <property name="resolveLazily" value="true"/> </bean>
spring mvc 和传统 form的file方式提交文件方法整合
最新推荐文章于 2023-10-02 11:50:24 发布