【一样平常记录】【JS】前端预览图片的两种方式，Base64预览和blob预览 ...

尚未崩坏  金牌会员 | 2025-2-16 21:43:29 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 911|帖子 911|积分 2733

文章目录




    •    
    • 1、前言   
    • 1、FileReader   
    • 3、window.URL.createObjectURL   
    • 4、参考链接  

1、前言



  • 一般来说，都是 后端返回给前端图片的url，前端直接把这个值插入到 img 的src 内里即可
  • 尚有一种情况是前端必要预览一下图片，好比：上传头像按钮，前端必要暂时 预览一下图片
   这个时候就有两种方案了
  

  • 方式一 转base64预览
  • 方式二 天生blob图片预览路径url
1、FileReader

   可以使用 FileReader 把文件转成 base64格式
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.   <meta charset="UTF-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
复制代码
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

尚未崩坏

金牌会员
这个人很懒什么都没写!

楼主热帖

标签云

挺好的 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表