URL & webkitURL


base64带来的坑

在web中想要是实现图片在线预览的方式有几种
1、先上传
2、使用FileReader对象
3、URL.createObjectURL(file|blob)
base64 能将图片读取成同样大小的base64字符,这样html文件也就随之增大,造成的无非是浏览器卡顿,每一次新的渲染都会很慢

js

var window.URL = window.URL | window.webkitURL;
objectURL = URL.createObjectURL(blob | file);
// objectURL --> blob:http%3A//127.0.0.1%3A8020/32b4467f-5870-44dd-a119-fddf4e6f8f94

提示

1、然而该方法兼容性并不高,只支持chrome 8, firefox4, ie10(fuck),15, safari6
2、官方强调:在每次调用 createObjectURL() 方法时,都会创建一个新的 URL 对象,即使你已经用相同的对象作为参数创建过。
每个对象必须通过调用 URL.revokeObjectURL(objectURL )方法来释放


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM