博客

创建一个新的对象


URL


，该对象


URL


可以代表某一个指定的


file


对象或者


bold


对象。

可以用于在浏览器上预览本地的图片或者视频。

URL对象


是硬盘（SD卡等）指向的一个文件路径，如果我们做文件上传的时候，想在没有上传服务器端的情况下看到上传图片的效果图的时候，就可以通过


var url = window.URL.createObjectURL(files[0])


；获得一个


http


格式的


url


路径，这个时候就可以设置


img


中的


src


进行显示了。

语法

• 
  
  bold参数
  
  
  是一个
  
  
  file
  
  
  对象或者
  
  
  bold
  
  
  对象。
• 
  
  objectURL
  
  
  是生成的对象
  
  
  URL
  
  
  ，通过这个
  
  
  URL
  
  
  ，可以获取到所指定文件的完整内容。

在你不需要这些对象URL的时候，通过调用


window.URL.revokeObjectURL()


方法来释放他们所占用的内容，虽然即使你不主动释放他们，浏览器会在当前文档被卸载的时候替你释放。不过，考虑到更好的性能和更少的内存占用，应该在安全的时候主动释放他们。

const url = window.URL.createObjectURL(data)
window.URL.revokeObjectURL(url);

兼容

window.webkitURL和window.URL是一样的，window.URL是标准定义，window.webkitURL是webkit内核的实现（一般手机上就是使用这个），还有火狐等浏览器的实现。

window.URL = window.URL || window.webkitURL;
url = window.URL.createObjectURL(file)