Blob URL和Data URL有什么区别

Blob URL和Data URL有什么区别?

• blob显示的形式blob:域名/e61c67e3-df3a-453a-8f41-df740c1f5faf ，dataURL的显示形式data:image/jpeg;base64,/9j/4AAQ...
• Blob URL的长度通常比较短，但Data URL由于直接存储图片base64编码后的数据，每每很长，如上图所示，浏览器在显示Data URL时使用了省略号（…）。当显式大图片时，使用Blob URL能获取更好的可能性。
• Blob URL能够方便的使用XMLHttpRequest获取源数据（xhr.responseType = 'blob'）。对于Data URL，并非全部浏览器都支持经过XMLHttpRequest获取源数据的
• Blob URL 只能在当前应用内部使用，把Blob URL复制到浏览器的地址栏中，是没法获取数据的。Data URL相比之下，就有很好的移植性，你能够在任意浏览器中使用。
• Blob URL除了能够用做图片资源的网络地址，Blob URL也能够用做其余资源的网络地址，例如html文件、json文件等，为了保证浏览器能正确的解析Blob URL返回的文件类型，须要在建立Blob对象时指定相应的type

参考：https://juejin.im/post/5cde6d...