Java Web项目将图片存到项目发布的目录同级

Controller层代码

@RequestMapping("/savePic")
@ResponseBody
public String savePic(@RequestParam(value = "file") MultipartFile file) {
	if (!file.isEmpty()) {
		try {
			// 文件保存路径
			String path = request.getSession().getServletContext().getRealPath("");
			System.err.println(path);
			path = path.replaceAll("proxy_manage", "");  		//proxy_manage 为项目名称
			System.err.println(path);
			path = path.substring(0, path.length() - 1);
			System.out.println(path);
			File newFile = new File(path + "images/student/");  //为图片文件夹下的图片存放文件夹目录
			if (!newFile.exists())
				newFile.mkdirs();
			String name = file.getOriginalFilename();
			String wei = name.substring(name.lastIndexOf("."), name.length());
			String uuid = UUID.randomUUID().toString();
			String filePath = path + "images/student/" + uuid + wei;
			// 转存文件
			file.transferTo(new File(filePath));
			// // img路径
			// String imgUrl = ImagUtils.imgUrl();
			return "/student/" + uuid + wei;
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
	return "err";
}

JSP页面

学生照片

JS

var imgurl = '<%=resource.getString("image_url")%>';

//照片回显
$('#files3').filebox({  
		onChange: function(value) {	
				
			if(value!='' && value != null){
				var formData = new FormData();
				formData.append('file',$('#filebox_file_id_4').get(0).files[0]);
				$.ajax({   	      
					 		url :"student/savePic",  
					        type :'POST', 
						    data : formData,		
						    cache: false,
						    processData: false,
						    contentType: false ,	       
					        success:function(data) {  			
					    	$('#img3').attr('src',imgurl+data);
					        $('#student_Pic').textbox("setValue",data);
				       		$('#picture img').siblings().css('display','none');   	   
				       		$('#picture img').css('display','block');
							},  
					        });
			}	
			}
		}) 
//删除图片
		$('.ccd').click(function (){
		var	 index1=$(this).parent().index('.picture_div'); 
			 if(index1==0){
				$('#files3').textbox('setValue','');
				$('#picture').children().css('display','block');
				$('#student_Pic').textbox("setValue","");
				$('#picture img').css('display','none');
				$('#files3').css('display','none');
			} 
	})

效果

Java Web项目将图片存到项目发布的目录同级_第1张图片

你可能感兴趣的:(JavaWeb项目保存图片,功能实现)