[前后端基础]图片传输与异步-CSDN博客
https://juejin.cn/post/6844903782959022093#heading-3
base64、file和blob用JS进行互转的方法大全【前端】_js base64转blob-CSDN博客
后端存储方式
- 对于第一种存储方式,我们前端直接将存储路径赋值给 src 属性即可轻松显示。
- 对于第二种存储方式,我们前端需要将其二进制流交由 blob 对象处理,然后通过 blob 的 API 生成临时 URL 赋值给 src 属性来显示。
三种类型转换
前端显示方式
url: 一般来说,图片的显示还是建议使用url的方式比较好。如果后端传过来的字段是图片路径的话。
base64:如果图片较大,图片的色彩层次比较丰富,则不适合使用这种方式,因为其Base64编码后的字符串非常大,会明显增大HTML页面,影响加载速度。
blob: 当后端返回特定的图片二进制流的时候,前端用blob容器接收。