js file 对象_js图片/视频预览 - URL.createObjectURL()

---

---

很多业务场景需要搞定图片/视频上传，同时又要求能够快速预览效果，避免图片或视频稍大或请求响应较慢，使用createObjectURL()本地预览实用性更加。

js图片/视频预览 - URL.createObjectURL()

很多业务场景需要搞定图片/视频上传，同时又要求能够快速预览效果，避免图片或视频稍大或请求响应较慢，使用createObjectURL()本地预览实用性更加。

一、什么是URL.createObjectURL()

URL.createObjectURL() 静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。

来源: MDN

简单的理解一下就是将一个file或Blob类型的对象转为UTF-16的字符串，并保存在当前操作的document下。

扩展1： UTF-8与UTF-16与GBK到底有啥区别， 都是 可变长度的编码方式 通过对Unicode码值进行对应规则转换后，编码保持到内存/文件中

细说起来就是另一个故事了，不要在意细节。

二、URL.createObjectURL()有什么用

当然是本篇主题的预览功能了。