velocity将echarts的图片生成到word

1 网页端echarts图片显示后，图片上传到后端
下面我自定义了一个回调callback方法，是为了上传完了想做其他的事情

setTimeout(function(){            genPic(callback);        },2000);function genPic(callback){        var data = "pic="+encodeURIComponent(mainChart.getDataURL("png"));          var xmlhttp;          if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari              xmlhttp = new XMLHttpRequest();          } else { // code for IE6, IE5              xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");          }          xmlhttp.open("POST",ctx+"/productDetail/genNetPic?fundId="+$('#netfundId').val(),true);          xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");          xmlhttp.onreadystatechange = function() {              if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {                  // 回调生成结果                callback(true);              }  else if (xmlhttp.status!=200){                callback(false);             }        }          xmlhttp.send(data);     }       

2 controller中生成图片并保存到本地

@RequestMapping(value = "genNetPic", method = RequestMethod.POST)    @ResponseBody    public BaseResponse genNetPic(HttpServletRequest request){        logger.info("开始生成净值分析的图片");        String pic = request.getParameter("pic");         String fundId = request.getParameter("fundId");         BaseResponse baseResponse = null;        try{            String[] url = pic.split(",");            String u = url[1];              byte[] b = new BASE64Decoder().decodeBuffer(u);              // 创建图片生成的路径:日期+产品id            Date curDate = new Date();            StringBuilder filePath = new StringBuilder("");            filePath.append(upload_path).append(DateUtil.formatDate(curDate, "yyyy-MM-dd")).append("/").append(fundId);            FileUtil.createDictionary(filePath.toString());            // 创建图片文件            OutputStream out = new FileOutputStream(new File(filePath.toString()+"/net.png"));              out.write(b);              out.flush();              out.close();            baseResponse = new BaseResponse(true);            logger.info("开始生成净值分析的结束");        } catch(Exception e){            logger.error("生成净值分析的图片失败，失败原因:{}",e.getMessage());            baseResponse = new BaseResponse(false, "净值分析图片生成失败");        }        return baseResponse;    }

3 写入图片base64字节码到vm模板中
先用word插入一张图片

然后将word转成xml格式（word2003的），这个版本好找到图片的base64字节码，将他删掉（非常长），替换为${netImage}为velocity能够识别的

最后通过下面的代码写入就可以。

params.put("netImage", writeNetImage(fundId, dateStr));private String writeNetImage(String fundId, String dateStr){        StringBuilder fileName = new StringBuilder();        fileName.append(upload_path).append(dateStr).append("/").append(fundId).append("/net.png");        return ImageUtil.getImageStr(fileName.toString());    }

4 将参数传递到vm中，并生成word。

@RequestMapping(value = "exportReport", method = RequestMethod.GET)    public void exportReport(String fundId, String fundName, HttpServletResponse response){        Date curDate = new Date();        // 文件名         StringBuilder fileName = new StringBuilder("");        fileName.append(fundName).append("评价报告_").append(DateUtil.formatDate(curDate, "yyyy-MM-dd")).append(".doc");        // 文件路径         StringBuilder filePath = new StringBuilder("");        filePath.append(upload_path).append(fileName.toString());        try{            response.setContentType("text/plain");            response.setHeader("Content-Disposition", "attachment; filename="+FileUtil.getAttachName(fileName.toString()));            //报告中的参数            Map<String,Object> params = getReportParams(fundId, fundName, curDate);            String reportContent = VelocityUtil.genTemplateFromClass(report_vm_path, params);            File file = new File(filePath.toString());            _vm2File(file, reportContent);            // 根据内容生成文件            FileUtil.download(filePath.toString(), response.getOutputStream());        } catch (FileException e){            throw e;        } catch (IOException e) {            e.printStackTrace();        }     }

/**     * 将模板内容形成文件     * @param file     * @param content     */    private void _vm2File(File file, String content){        FileWriter fw = null;        try {            fw = new FileWriter(file);            fw.write(content);            fw.flush();        } catch (IOException e) {            e.printStackTrace();        } finally{            if (null != fw){                try {                    fw.close();                } catch (IOException e) {                    e.printStackTrace();                }            }        }    }

5 前台js页面打开下载word
注意下面的写法不是直接用window.open ，防止浏览器拦截了页面的打开。

var url = ctx + '/productDetail/exportReport?fundId=' + fundId + '&fundName=' + fundName;            var tempwindow=window.open("");                     tempwindow.location=url;

6 总结
虽然velocity、freemarker能够生成word，模板内容量太大了，全是xml节点，看看下图就知道了，后期基本无法维护，故虽然技术上可行，但还是不要使用。建议还是采用报表工具。