spring mvc 和传统 form的file方式提交文件方法整合

  1. 前端是一个上传照片的页面:
  2. 前端的形式表单代码:
    <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>

     

  3. 点击上传可以直接调用操作系统默认的选择文件的窗口:
  4. 选择文件后,触发文件的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();
    				}
    			}
    		}
    
    	}

     

  5. 控制代码再调用业务层逻辑代码,处理业务,比如保存到库。

    loginService.scZpQm(yhdm,img, type);

     

  6. 整个前端到后端的流程结束,需要注意的是配置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>

     

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ybcwjj

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值