当前位置: 首页 > news >正文

补充:文件上传、下载传输给前端之直接传递图片二进制数据:网络中的图片、音频、视频等非字符数据的传输

文章目录

  • 1 Base64编码传递图片、视频二进制数据
  • 2 后端直接传递图片二进制数据案例
    • 2.1 后端:创建专用DTO(推荐方案)
    • 2.2 前端处理建议


1 Base64编码传递图片、视频二进制数据

前面我们在学习Java的IO流的时候讲过字节流和字符流。

  • 字符的传输:前后端字符的传输JSON中就是直接传字符就可以了
    讲一下实际中的变换过程:
    字符流中字符的传输是 参考博客 字符串 —>(编码方式对应起来)字符数组 —>二进制数据—>字符数组—>(解码)字符串
  • 图片、音频、视频:前后端传输(一般情况下我们使用云存储直接使用云存储提供的链接就可以访问)
    但是有时候如果某些情况下必须要传二进制数据呢?JSON不支持直接传
    这里二进制字节数据的传输在JSON中并不支持直接传输二进制数据
    Base64编码传输流程(特定场景)
graph LR
A[原始图片文件] --> B[二进制字节流]
B --> C[Base64编码]
C --> D[字符串]
D --> E[网络传输]
E --> F[接收端字符串]
F --> G[Base64解码]
G --> H[二进制流]
H --> I[还原图片]

Base64编码:简单来说就是将图片的元素的01这种二进制数据转换成字符串传输的规则
我们后端传的是个

相关文章:

  • 港科大提出开放全曲音乐生成基础模型YuE:可将歌词转换成完整歌曲
  • 每日Attention学习24——Strip Convolution Block
  • 嵌入式开发工程师笔试面试指南-Linux系统移植
  • 计算机组成与接口10
  • 深入探索C语言中的sscanf和sprintf函数
  • 【C++笔记】C++11智能指针的使用及其原理
  • 2025年SCI1区TOP:真菌生长优化算法FGO,深度解析+性能实测
  • java23种设计模式-观察者模式
  • Spring MVC框架六:Ajax技术
  • 用 DeepSeek 打样!KubeSphere LuBan 用 3 天/3 分钟“干掉”大模型部署焦虑
  • 第五六七章
  • Element Plus: el-card的内容滚动问题
  • ES 客户端 API 二次封装思想
  • C++大整数类的设计与实现
  • 点云配准技术的演进与前沿探索:从传统算法到深度学习融合(2)
  • 【Grok3】强化学习(Reinforcement Learning, RL)复习文档
  • Python 编程题 第二节:组合数字、乘法口诀表、水仙花数、反向输出四位数、判断三角形
  • 蓝桥杯 五子棋对弈
  • AI人工智能机器学习之神经网络
  • 人工智能丨大语言模型不再高不可攀!DeepSeek开源FlashMLA,开启AI新纪元
  • 央行就《关于规范供应链金融业务引导供应链信息服务机构更好服务中小企业融资有关事宜的通知》答问
  • “五一”假期预计全社会跨区域人员流动量超14亿人次
  • 量子传感新技术“攻克”退相干难题
  • 这就是上海!
  • 国际锐评:菲律宾“狐假虎威”把戏害的是谁?
  • 69岁朱自强被查,曾任南京地铁总经理