ToB企服应用市场:ToB评测及商务社交产业平台
标题:
【一样平常记录】【JS】前端预览图片的两种方式，Base64预览和blob预览
[打印本页]
作者:
尚未崩坏
时间:
2025-2-16 21:43
标题:
【一样平常记录】【JS】前端预览图片的两种方式，Base64预览和blob预览
文章目录
1、前言
1、FileReader
3、window.URL.createObjectURL
4、参考链接
1、前言
一般来说，都是 后端返回给前端图片的url，前端直接把这个值插入到 img 的src 内里即可
尚有一种情况是前端必要预览一下图片，好比：上传头像按钮，前端必要暂时 预览一下图片
这个时候就有两种方案了
方式一 转base64预览
方式二 天生blob图片预览路径url
1、FileReader
可以使用 FileReader 把文件转成 base64格式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
复制代码
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)
Powered by Discuz! X3.4