URL.createObjectURL()

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

语法

objectURL = URL.createObjectURL(object);

参数

object

用于创建 URL 的 File 对象、Blob 对象或者 MediaSource 对象。​

返回值

A DOMString containing an object URL that can be used to reference the contents of the specified source object.

示例

查看使用对象URL显示图片.

附注

内存管理

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

规范

浏览器兼容性

相关链接

• 在web应用程序中使用文件
• Using object URLs to display images
• URL.revokeObjectURL()
• HTMLMediaElement.srcObject
• FileReader.readAsDataURL()