【一样平常记录】【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]