window.URL || window.webkitURL || window.mozURL 的作用

最新推荐文章于 2026-04-03 02:59:29 发布

原创最新推荐文章于 2026-04-03 02:59:29 发布 · 2.3k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用window.URL或其浏览器特定版本（如window.webkitURL）来创建文件对象的URL，这对于预览未上传的文件（例如图片）非常有用。文中详细解释了这些API的作用及浏览器之间的差异。

window.URL || window.webkitURL || window.mozURL 的作用

URL对象是硬盘（SD卡等）指向文件的一个路径，如果我们做文件上传的时候，想在没有上传服务器端的情况下看到上传图片的效果图的时候就可是以通过var url=window.URL.createObjectURL(obj.files[0]);获得一个http格式的url路径，这个时候就可以设置到<img>中显示了。
window.webkitURL和window.URL是一样的，window.URL标准定义，window.webkitURL是webkit内核的实现（一般手机上就是使用这个），还有火狐等浏览器的实现。