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)

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值