Echarts 介紹 點我

通過事件跳轉到JS函數

通過全局echartsDOM實例得到圖片
是被加密過的

  img = myChart.getDataURL({
  pixelRatio: 2, // double pixel
  backgroundColor: '#fff' 
});

Base64位圖片傳到服務器

1. base64位圖片直接傳到服務器，會被http協議轉換掉，具體是空格變+號

String base64Str = request.getParameter("img");
base64Str = base64Str.replaceAll(" ", "+");

2. js 加密

imgStr = encodeURIComponent(img);

這個加密后，不用Java是不用decode的，原因是request.getParameter()是會自動解密。

去除Base64協議類型頭

base64Str = base64Str.split("base64,")[1];

保存圖片

/**
 * base64字符串轉化成圖片
 * * @Author Mangodai
 * @Date 9/18/2017 6:10 PM
 * @param imgStr
 * @param imgFile
 * @return
 */
public static boolean GenerateImage(String imgStr, File imgFile) {
    //對字節數組字符串進行Base64解碼并生成圖片
    if (imgStr == null) //圖像數據為空
        return false;
    BASE64Decoder decoder = new BASE64Decoder();
    try {
        //Base64解碼
        byte[] b = decoder.decodeBuffer(imgStr);
        OutputStream out = new FileOutputStream(imgFile);
        out.write(b);
        out.flush();
        out.close();
        return true;
    } catch (Exception e) {
        return false;
    }
}