vue项目中怎么将echarts图表以图片的格式传给后端？最好贴下代码

Question

怎么将echarts图表以图片的格式传给后台？

Answer 1

// 创建echarts
var charts = echarts.init(document.getElementById('charts'));
// 找到对应的canvas
var canvas = $("#charts").find("canvas")[0];
// 将图片转化为图片数据
// toDataURL返回的base64
var base64 = canvas.toDataURL("image/jpeg",1);
// 然后将base64通过post请求发送给后端，让后端去处理如何保存
// 如果要使用file对象可以使用以下方法
function dataURLtoFile(dataurl, filename) {
    //将base64转换为文件
    var arr = dataurl.split(","),
        mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]),
        n = bstr.length,
        u8arr = new Uint8Array(n);
    while (n--) {s
        u8arr[n] = bstr.charCodeAt(n);
    }
    return new File([u8arr], filename, { type: mime });
}