[前后端基础]图片传输与异步

前后端之间传递照片

在前端与后端之间传输图片信息，通常可采取以下多种途径：

Base64 编码方式 ：将图像文件转化为 Base64 编码的文本字符串，再通过接口将其发送至后端系统。后端接收到该字符串后，再将其还原为原始图片格式。该方法操作简便，但存在数据量增加的问题，传输内容体积大约会扩大 33%。

文件上传机制 ：前端可通过表单或者其它方式将图片文件上传至服务器端，后端在接收完成后将其存储于服务器，并返回对应的文件路径或唯一标识符。前端可依据该路径或标识符来访问和获取所需图片。

Blob 对象封装 ：前端可将图片数据封装为 Blob 对象，并结合 FormData 对象将其发送至后端服务。后端则通过解析 FormData 数据来提取并处理图片信息。

流式传输技术 ：前端可以采用流的方式将图像数据逐段传送到后端系统。这种方式适用于大尺寸文件的传输场景，有助于降低内存消耗。

WebSocket 协议通信 ：利用 WebSocket 协议在前后端之间建立稳定的通信通道，前端可借助此通道将图像数据实时发送至后端系统。此方法适用于对实时性有较高要求的应用场景。