【数字图像处理】-图片的base64与file

原创

已于 2022-03-08 16:54:01 修改 · 4.7k 阅读

于 2022-03-08 16:52:36 首次发布

本文介绍了前端开发中关于图片处理的基础知识，包括Base64编码和File格式的理解及其相互转换。Base64是一种常见的二进制数据编码方式，常用于在网络上传输图片；File格式则包含了图片的元数据，如名称、大小和类型等。通过base64转file和file转base64的示例代码，展示了如何在前端进行这两种格式的转换，以适应前后端交互的需求。

一、base64

因为最近在做人脸识别，前端vue拍照，传给后端，所以了解了解有关图片的知识

百度百科是这么解释的：
Base64是网络上最常见的用于传输8Bit字节码的编码方式之一，Base64就是一种基于64个可打印字符来表示二进制数据的方法。Base64编码是从二进制到字符的过程，可用于在HTTP环境下传递较长的标识信息。采用Base64编码具有不可读性，需要解码后才能阅读。
个人理解，咱就是说，它就是一种编码格式而已，可以直接展示图片。
我这里在数据存了几个图片的base64格式

在这里插入图片描述
直接复制到浏览器，会有一个固定的前缀在

在这里插入图片描述

二、file格式

自己拿了张图片，base64转file后如下
在这里插入图片描述

参数：
name，返回文件的文件名。
size，以字节（B）为单位返回文件的大小。
type，返回文件的MIME类型名。
lastModified，返回文件上一次修改的日期距离1970年1月1日的毫秒数。
lastModifiedDate，返回文件上一次修改的日期。
webkitRelativePath ，是只读属性，包含 USVString，它规定了文件的路径，相对于用户在元素中选择的目录，这个元素设置了 webkitdirectory 属性。

获取到这个格式后，就可以传给我们后端来

标签