We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

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.

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

特性 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 前缀对象实现。

相关链接

文档标签和贡献者

最后编辑者: suyanhanx,