移动端保存导出echarts图片发送邮件给任何邮箱

最新推荐文章于 2024-08-21 09:31:12 发布

椰子椰子树

最新推荐文章于 2024-08-21 09:31:12 发布

阅读量827

点赞数

文章标签： android ios

本文链接：https://blog.csdn.net/doyoulikememe/article/details/105430348

版权

本文介绍了如何在移动端应用中实现点击导出Echarts图表为图片，并进一步将图片保存到新页面。在用户输入邮箱后，通过调用后台接口，将base64编码的图片发送至指定邮箱。此过程涉及到与后端接口的交互，以完成邮件发送功能。

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

我这边做的是移动端点击导出报表然后跳转新页面,然后储存图片到新页面,输入邮箱发送

先设置按钮

<button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right" id="clkb_edit" onclick="saveAsImage()" style="margin-right: 3%;">导出</button>

需要说一下你必须把图片调用后台接口转成base64传到新页面,然后在下个页面接参

 var dom = document.getElementById("barSimplex");
		        var myChart = echarts.init(dom);
		        var app = {
   };

	        //base64转blob
	        function base64ToBlob(code) {
   
	            let parts = code.split(';base64,');
	            let contentType = parts[0].split(':')[1];
	            let raw = window.atob(parts[1]);
	            let rawLength = raw.length;
	
	            let uInt8Array = new Uint8Array