概述

Blob URL 将内存对象映射为可访问的 URL,适合预览文件与媒体。需在使用结束后撤销,避免资源与内存泄漏。

用法/示例


const url = URL.createObjectURL(file)
img.src = url
img.onload = () => URL.revokeObjectURL(url)

工程建议

  • 为视频与大文件设置释放时机与兜底清理;在路由切换时统一回收。
  • 对不支持场景回退到 FileReader 或服务器端 URL;控制并发预览数量。
  • 记录使用与释放事件,避免忘记撤销造成泄漏。

参考与验证

  • MDN:URL.createObjectURL() — https://developer.mozilla.org/docs/Web/API/URL/createObjectURL
  • MDN:URL.revokeObjectURL() — https://developer.mozilla.org/docs/Web/API/URL/revokeObjectURL
点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿
网站二维码

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部
/* 跳过导航链接 (无障碍) */ .skip-link { position: absolute; top: -100px; left: 15px; z-index: 99999; padding: 8px 16px; background: #007bff; color: #fff; font-size: 14px; border-radius: 0 0 4px 4px; text-decoration: none; transition: top 0.2s; } .skip-link:focus { top: 0; outline: 3px solid #0056b3; }