• 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
          })
     }
  • 相关阅读:
    (6)Lua 模块与包
    (3)Lua 迭代器与迭代函数
    (二)miller指导查看主控板寄存器操作
    (一)mtg3000常见操作
    (三)NAND flash和NOR flash的区别详解
    (八)shell中的循环结构
    (七)shell编程学习
    (六)动手写第一个shell
    (五)uboot移植补基础之shell
    (四)ubuntu学习前传—uboot中对Flash和DDR的管理
  • 原文地址:https://www.cnblogs.com/hxbhdljmyz/p/9318940.html
Copyright © 2020-2023  润新知