解决使用valiform和同时上传多张图片问题

不念不忘少年蓝@ 2022-08-22 14:25 188阅读 0赞

<form class="enterForm" name="fileForm" >
    		<div class="p10 pb30 rel">
    			<div class="enterBox enterPdt">
    				<div class="yScrollTab">
    		            <ul class="enterList rel">
    		            	<li>
    		                    <label class="enterText">平台：</label>
    		                    <input type="hidden" name="typeId" id="typeid">
    		                    <input type="text" id="platform"  class="enterInput inputTab" readonly/>
    		                    <table class="tableTh tc selectTab dn">
    		                    	<tr>
    			                    	<td colspan="5">
    				                    	<div class="autoTab">
    				                    		<table class="tableTd tc selectTd">
    						                    	<tr>
    						                    		<td class="tdw30">1</td>
    						                    		<td class="tdw200">PC首页</td>
    						                    	</tr>
    						                    	<tr>
    						                    		<td class="tdw30">2</td>
    						                    		<td class="tdw200">M站首页</td>
    						                    	</tr>
    					                    	</table>
    				                    	</div>	
    			                    	</td>
    		                    	</tr>
    		                    </table>
    		                    <div class="Validform_checktip"></div>
    		                </li>
    		                <li>
    		                    <label class="enterText">列表图：</label>
    		                    <a class="enterUpload">
    		                    	<span class="enterUrl"></span>
    							    <input type="file" name="bannerimage" id="file" class="enterInput">
    							</a>
    		                    <div class="Validform_checktip"></div>
    		                </li>
    		                <li>
    		                    <label class="enterText enterArea">列表图预览：</label>
    		                    <p class="enterImg"><img id="previewImage" src=""/></p>
    		                    <div class="Validform_checktip"></div>
    		                </li>
    		                <li>
    		                    <label class="enterText">链接地址：</label>
    		                    <input type="text" name="imghref" id="ctName" class="enterInput"  />
    		                    <div class="Validform_checktip"></div>
    		                </li>
    		                <li>
    		                    <label class="enterText">排序号：</label>
    		                    <input type="text" id="ctJob" name="sortnum" class="enterInput"/>
    		                    <div class="Validform_checktip"></div>
    		                    <div id="text" style="color:#f00;"></div>
    		                </li>
    		            </ul>
    		        </div>
    		    </div>
    		    <article class="rightBox">
    				<ul class="submitList tc">
    					<li class="btnEdit">
    						<a href="javascript:;"><input type="submit" id="bsubmit" value=""/><i class="iconfont"></i>
    							<p class="pt5">应用此次编辑</p>
    						</a>
    					</li>
    					<li class="btnReturn"><a href="#"><input type="reset" value=""/><i class="iconfont"></i>
    						<p class="pt5">撤销此次编辑</p></a>
    					</li>
    				</ul>
    			</article>
    		</div>
    	</form>

BannerController.java实现图片和值得接收

@ResponseBody
    	@RequestMapping("savebanneradd")
    	public String saveBannerAdd(HttpServletRequest request,Model model,String typeId,String imghref,String sortnum){
    		CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(request.getSession().getServletContext());    
    		//判断 request 是否有文件上传,即多部分请求   
    		MultipartFile image=null;
    		if(multipartResolver.isMultipart(request)){    
    		    //转换成多部分request      
    		    MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest)request;    
    		    image  =  multipartRequest.getFile("bannerimage");
    		}
    		Banner banner = new Banner();
    		if(typeId != null && !("".equals(typeId))){
    		Integer idInteger = Integer.valueOf(typeId);
    		banner.setTypeId(idInteger);
    		}
    		if(imghref != null && !("".equals(imghref))){
    		banner.setHref(imghref);
    		}
    		if(sortnum != null && !("".equals(sortnum))){
    			banner.setOrderNum(sortnum);
    			}
    		UploadImages uploadImages = new UploadImages();
    		String bigImg="";
    		if(image != null && !(image.isEmpty())){
    			bigImg = uploadImages.upLoadImage(request, image);
    		}
    		User user = (User) request.getSession().getAttribute("userSession");
    		banner.setUserId(user.getUserId());
    		banner.setBigImg(bigImg);
    		try {
    			bannerService.add(banner);
    			return "success";
    		} catch (Exception e) {
    			e.printStackTrace();
    			return "fail";
    			
    		}
    	}