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...