本文探讨了URL.createObjectURL()和URL.revokeObjectURL()在前端开发中的应用。createObjectURL用于根据File或Blob对象创建临时URL，而revokeObjectURL则用于释放这些URL，以优化内存使用。在不再需要对象URL时，应及时调用revokeObjectURL。详细解释及代码示例可在链接中查看。
一.URL.createObjectURL
URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL。
这个URL的生命仅存在于它被创建的这个文档里. 新的对象URL指向执行的File对象或者是Blob对象。
objectURL = URL.createObjectURL(blob || file);
参数:
File对象或者Blob对象
File对象,就是一个文件,比如我用input type="file"标签来上传文件,那么里面的每个文件都是一个File对象.
Blob对象,就是二进制数据,比如通过new
Blob()创建的对象就是Blob对象.又比如,在XMLHttpRequest里,如果指定responseType为blob,那么得到的返回值也是一个blob对象.
注意点:
每次调用createObjectURL的时候,一个新的URL对象就被创建了.即使你已经为同一个文件创建过一个URL.
如果你不再需要这个对象,要释放它,需
最低0.47元/天 解锁文章
886
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
