实现图片的单张或者是多张上传

1、当张图片的上传

<div class="col-sm-12">
                                                    <label class="col-sm-3 control-label">身份证反面</label>
                                                    <div class="col-sm-9">
                                                        <p class="form-control-static">
                                                        <img src ="${(appUser.reverseIdentityCard)!''}" height="100" width="100" ></img></p>
                                                    </div>
                                                </div>     

2、实现图片的多张上传

 <div class="col-sm-12">
                                                    <label class="col-sm-3 control-label">上传照片</label>
                                                    <div class="col-sm-9">
                                                        <p class="form-control-static">
                                                         <!--如果存在 -->
                                                        [#if appUser.userPhoto??]
                                                        <!-- 遍历集合 -->
	                                                        [#list appUser.userPhoto as item]
	                                                        <img src="${(item.image)!''}" height="100" width="100"/>
	                                                        [/#list]
                                                        [/#if]
                                                    </div>
                                                </div>   

 实体类中

   

控制层中需要实现。首先需要熊APPuser中得到用户的id,然后此id为用户上传照片表中的用户id,通过用户id查出表中的照片

 

        

/**
	 * 详情
	 */
	@RequestMapping(value = "/view/{id}", method = RequestMethod.GET)
	public String view(@PathVariable Long id, ModelMap model,Pageable pageable) {
		AppUser appUser = appUserService.find(id);
		//查看用户上传照片
		List<UserPhoto> list=userPhotoService.findList("userId",appUser.getId());
		appUser.setUserPhoto(list);
		//查看活动表
		model.addAttribute("page", this.tActivityService.findByPage(pageable));
		model.addAttribute("appUser", appUser);
		return "/admin/app_user/view";
	}

猜你喜欢

转载自blog.csdn.net/weixin_40214184/article/details/86680741