当前位置： 首页 > article >正文

Vue 把 Echarts 图传给后端：文件流信息方式传递

article 2025/3/31 14:35:20

文章目录

    • 需求
    • 1. 分析1
      • 1. 构建 DOM 元素
      • 2. 事件绑定
      • 3. 获取ECharts图表的Base64编码数据并进行打包压缩
      • 4. 后端接收和处理 base64
      • 总【代码】
    • 2. 分析2
      • 1. 直接下载图片
      • 2. 拿到echarts图表的文件流后，上传服务器供后端使用
    • 3. 一键生成并导出生成的图片
      • 1. 安装库文件
      • 2. 流信息转换 + 导出图片链接
      • 3. 图片导出

需求

前端生成 Echarts 图表，传给后端，如果数量多的话需要打个包上传到接口
在这里插入图片描述
在这里插入图片描述

1. 分析1

1. 构建 DOM 元素

  1. index.vue
<div class="section1" style="height:1px;overflow: hidden" v

http://www.kler.cn/a/612102.html

相关文章：

  • 第 12 章（番外）| Solidity 安全前沿趋势 × 审计生态 × 职业路径规划
  • Flutter TabBar 右侧渐变遮罩实现中的事件处理问题
  • 【渗透测试】Fastjson 反序列化漏洞原理（一）
  • 华为eNSP-配置静态路由与静态路由备份
  • STM32基础教程——输入捕获模式测量PWM频率
  • Docker Desktop 安装 RabbitMQ 并挂载本地卷
  • 31天Python入门——第13天:文件操作
  • DeepSeek分析：汽车关税政策对黄金市场的影响评估
  • 基于STC89C51的太阳自动跟踪系统的设计与实现—单片机控制步进电机实现太阳跟踪控制(仿真+程序+原理图+PCB+文档)
  • 【STM32】RCC系统时钟
  • nuxt3网站文章分享微信 ,QQ功能
  • 网络之数据链路层
  • Go 语言规范学习（1）
  • 【Django】教程-2-前端-目录结构介绍
  • opencv简单图形数组识别
  • React 中如何使用ref来访问 DOM 元素或组件实例，有哪些注意事项？
  • Cudann 11.8同时安装tensorflow, pytorch
  • Kafka 的延迟队列、死信队列和重试队列
  • Android设计模式之观察者模式
  • Android 项目缓存问题，某些依赖中的类会报错：Cannot resolve symbol