java 將頁面指定區域截圖並上傳到服務器

controller層：

　　/**
     * 上傳獲取到的收據圖片
     * @param request
     * @param data 獲取到的圖片
     * @return
　　　*/
    @RequestMapping(value = "/saveImg", method = { RequestMethod.POST })
    @ResponseBody
    public String saveImg(HttpServletRequest request, String data) {
        String serverPath = request.getSession().getServletContext().getRealPath("/");  
        Base64 base64 = new Base64();
        try {
            byte[] k = base64.decode(data.substring("data:image/png;base64,".length()));  
            InputStream is = new ByteArrayInputStream(k);  
            String fileName = UUID.randomUUID().toString();//保存的圖片名稱
            String date = new SimpleDateFormat("yyyyMM").format(new Date());
            String imgFilePath = serverPath + "服務器圖片地址"+date+"/"+ fileName + ".jpg";  
            BufferedImage image = ImageIO.read(is);  
            BufferedImage tag = new BufferedImage(image.getWidth(), image.getHeight(), BufferedImage.TYPE_INT_RGB);  
            Graphics g = tag.getGraphics();  
            g.drawImage(image, 0, 0, null);  
            g.dispose();  
            ImageIO.write(tag, "jpg", new File(imgFilePath)); 
            return fileName;
        } catch (Exception e) {
            e.printStackTrace(); 
        }
        return null;
    }

JavaScript代碼：

function save(){
  html2canvas($("#div1"),{ // 要截圖生成圖片的區域
        onrendered:function(canvas){
             var  myImage =canvas.toDataURL("image/png");
             $.ajax({  
                type : "POST",  
                url : 'saveImg.jhtml',  
                data : {data:myImage},  
                timeout : 60000,  
                success : function(data){
                    alert("操做成功");
                }  
             });  
          },
          width:1000,
          height:530
      })
 }