URL.createObjectURL()

最新推荐文章于 2025-09-25 01:15:23 发布

转载最新推荐文章于 2025-09-25 01:15:23 发布 · 724 阅读

本文介绍了URL.createObjectURL()方法的使用方式，该方法用于创建一个表示File或Blob对象的URL。每次调用此方法都会生成一个新的URL，即使传入相同的对象。为避免内存泄漏，文章还强调了在不再需要时应通过URL.revokeObjectURL()释放这些URL的重要性。

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

objectURL = URL.createObjectURL(blob);

blob是用来创建 URL 的 File 对象或者 Blob 对象

在每次调用 createObjectURL() 方法时，都会创建一个新的 URL 对象，即使你已经用相同的对象作为参数创建过。当不再需要这些 URL 对象时，每个对象必须通过调用 URL.revokeObjectURL() 方法来释放。
浏览器会在文档退出的时候自动释放它们，但是为了获得最佳性能和内存使用状况，你应该在安全的时机主动释放掉它们。