当前位置: 首页 > 工具软件 > FileReader.js > 使用案例 >

URL.createObjectURL()和FileReader.readAsDataURL(file)的使用方法和区别

陆高峰
2023-12-01

URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。

URL.createObjectURL(blob)和FileReader.readAsDataURL(file)很相似
 

createObjectURL返回一段带hash的url,并且一直存储在内存中,直到document触发了unload事件(例如:document close)或者执行revokeObjectURL来释放。
FileReader.readAsDataURL则返回包含很多字符的base64,并会比blob url消耗更多内存,但是在不用的时候会自动从内存中清除(通过垃圾回收机制)

使用
1、FileReader.readAsDataURL通过var reader = new FileReader(file/blod)来使用

2、createObjectURL直接通过URL.createObjectURL(file)来使用

 类似资料: