zoukankan      html  css  js  c++  java
  • 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("操作成功");
                    }  
                 });  
              },
              1000,
              height:530
          })
     }
  • 相关阅读:
    wxPython跨线程调用
    安卓开发24:FrameLayout布局
    URAL 1081
    [置顶] Hibernate运行机理
    [置顶] Hibernate的一个经典异常
    poj1190 生日蛋糕 dfs
    [置顶] 自己写代码生成器之生成Dal层代码(获取数据库所有表名称)
    修改mysql数据存储的地址
    拖延心理学
    DeepLearnToolbox使用总结
  • 原文地址:https://www.cnblogs.com/hxbhdljmyz/p/9318940.html
Copyright © 2011-2022 走看看