1:前端代码。
// 获取Canvas的编码。
var imgData = document.getElementById("canvas").toDataURL("image/jpeg");
// 上传到后台。
$.ajax({
type: "post",
url:"$!front_url/uploadImg",
data: {image : imgData},
async: true,
success: function (htmlVal) {
alert("另存图片成功!");
},
error: function(data) {
alert(e.responseText); //alert错误信息
}
});
// 2.Java代码, 此代码在后期改为了上传5张图片,循环保存的,大家需要根据自己需求改改就行。
@RequestMapping(value = "portal/upLoadImage")
@ResponseBody
public Object uploadImg(String id, String image1, String image2, String image3, String image4, String image5, HttpServletRequest request, HttpServletResponse response) {response.setHeader("Access-Control-Allow-Origin&