MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

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

提示:使用 一个MediaStream对象作为此方法的输入正在被弃用。这个方法正在被讨论是否应该被移除. 所以,你应当你使用MediaStream避免使用这个方法,而用HTMLMediaElement.srcObject() 替代.

Note: 此特性在 Web Worker 中可用。

语法

objectURL = URL.createObjectURL(blob);

参数

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

示例

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

附注

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

规范

规范 状态 备注
File API
URL
Working Draft Initial definition.

浏览器兼容性

特性 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本支持 8 [1]
23
4.0 (2) 10 15 6 [1]
7
In a Web Worker 10 [1]
23
21 (21) 11 15 6 [1]
7
特性 Chrome for Android Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本支持 18 [1] 4.0 [1] 14.0 (14) ? 15 [1] 6.0 [1]
In a Web Worker 18 [1] (Yes) [1] 14.0 (14) ? 15 [1] 6.0 [1]

[1] 通过 webkitURL 前缀对象实现。

相关链接

文档标签和贡献者

 此页面的贡献者: yqjiang, GaoJun9521, xgqfrms-GitHub, PoppinL, teoli, ziyunfei
 最后编辑者: yqjiang,