把canvas画布存为图片并保存到web目录下

前端代码：

$("#saveimg").click(function() {
	var c = document.getElementById("canvas"); //得到id为canvas的画布元素
	var dataURL = c.toDataURL("image/png");    //转化为base64编码的数据
	var imageData = dataURL.substring(22);     //把冗余字段去掉 "data:image/png;base64,"
	$.ajax({                                   //通过ajax将图片数据传到后台
		type : 'post',  
	        url : '${pageContext.request.contextPath}/center/CausalImgJson',  
	        data: 'dataURL=' + imageData,  
	        async : false, //同步方式  
	        success : function() {   
	   	}  
	});  
});

Java代码：

@RequestMapping("/CausalImgJson")
public @ResponseBody String causalImgJson(HttpServletRequest request,String dataURL,String test) {
	BASE64Decoder decoder = new BASE64Decoder();
	dataURL = dataURL.replace(" ", "+");//ajax传输过来的数据所有"+"都变成了" "；ajax在传输“+”和“&”时会丢失数据。
	try {
		byte[] b = decoder.decodeBuffer(dataURL);//转码得到图片数据
		ByteArrayInputStream bais = new ByteArrayInputStream(b);
		BufferedImage bi1 = ImageIO.read(bais);
		String path = request.getSession().getServletContext().getRealPath("/images/cau_img.png"); //获取绝对路径
		File w2 = new File(path);
		ImageIO.write(bi1, "png", w2);
	} catch (IOException e) {
		e.printStackTrace();
	}
	String str = "sucess";
	return str;
}