用createObjectURL实现本地图片预览

什么是createObjectURL?

URL 接口是一个包含若干静态方法的对象,用来创建(解析、编码等)URLs.我们常用的href、hash、search就来自于URL对象。 createObjectURL就是URL的一个静态方法。使用如下:

objectURL = URL.createObjectURL(blob);

// 用下面的代码实现前缀兼容

window.URL = window.URL || window.webkitURL;

返回一个字符串,包含一个唯一的blob链接,行如:

"blob:http://localhost:xxxx/299ef3f9-6649-4e6a-8971-698c6ed4237a"

通过这个字符串(url), 可以获取到所指定文件的完整内容,可以作为image链接或者文件下载的链接

兼容性

PC端

Mobile端

</

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值