window.URL.createObjectURL

创建一个新的对象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)

你可能感兴趣的:(jQuery,vue.js,html,html5)