尚未崩坏 发表于 2025-2-16 21:43:29

【一样平常记录】【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企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 【一样平常记录】【JS】前端预览图片的两种方式,Base64预览和blob预览