将echarts图从页面下载到服务器中保存成png格式

最新推荐文章于 2024-08-20 09:36:59 发布

IT_小草

最新推荐文章于 2024-08-20 09:36:59 发布

阅读量4k

点赞数

分类专栏： Java 文章标签： java

本文链接：https://blog.csdn.net/IT_xiaocao/article/details/73494311

版权

该博客探讨了如何将使用Echarts生成的图表从网页导出，并在后台以PNG格式保存到服务器上，主要涉及Java技术。

摘要由CSDN通过智能技术生成

	function create(){
				AddRunningDiv();
				$.ajax({
					type : "post",
					url:encodeURI(encodeURI('./export-creatFolder')),
					dataType:"json",
					 success:function(m){
						//console.log("data2:"+m);
						var pm25_avg =downloadPNG(m);
						
					},
					error : function(result) {
						debugger;
						alert("Error");
					} 
				});
				
			}


 

function downloadPNG(tpath){
			 var isOk = true;
			
			 var imgURL = myChartFamily_Off_outFamily_Off_out.getDataURL('png');//获取base64编码
			 var b64 = imgURL.substring(22);
			 
			 var imgStr1 = b64.substring(0, b64.length/10);
			 var imgStr2 = b64.substring(b64.length/10, (b64.length*2)/10);
			 var imgStr3 = b64.substring((b64.length*2)/10, (b64.length*3)/10);
			 var imgStr4 = b64.substring((b64.length*3)/10, (b64.length*4)/10);
			 var imgStr5 = b64.substring((b64.length*4)/10, (b64.length*5)/10);
			 var imgStr6 = b64.substring((b64.length*5)/10, (b64.length*6)/10);
			 var imgStr7 = b64.substring((b64.length*6)/10, (b64.length*7)/10);
			 var imgStr8 = b64.substring((b64.length*7)/10, (b64.length*8)/10);
			 var imgStr9 = b64.substring((b64.length*8)/10, (b64.length*9)/10);
			 var imgStr10 = b64.substring((b64.length*9)/10, (b64.length*10)/10);
			 
			 $("#imgStr1").val(imgStr1);
			 $("#imgStr2").val(imgStr2);
			 $("#imgStr3").val(imgStr3);
			 $("#imgStr4").val(imgStr4);
			 $("#imgStr5").val(imgStr5);
			 $("#imgStr6").val(imgStr6);
			 $("#imgStr7").val(imgStr7);
			 $("#imgStr8").val(imgStr8);
			 $("#imgStr9").val(imgStr9);
			 $("#imgStr10").val(imgStr10);
			 $("#pathp").val(tpath+"/famiOffOutmap.png");
			  
			  
    		 var imgURLf = myChart.getDataURL('png');//获取base64编码
			 var b64f = imgURLf.substring(22);
			
			 var imgStrf1 = b64f.substring(0, b64.length/10);
			 var imgStrf2 = b64f.substring(b64.length/10, (b64.length*2)/10);
			 var imgStrf3 = b64f.substring((b64.length*2)/10, (b64.length*3)/10);
			 var imgStrf4 = b64f