b站主页banner图片的秘密：blob url是如何制作的？
B站主页最上方的轮播图片往往令人眼前一亮，但你是否好奇过这些图片背后的秘密？它们是如何创建并下载的？
Blob URL是什么？
B站主页banner图片链接的格式通常是blob:https://xxx，这不是一个标准的HTTP链接，而是浏览器创建的临时URL，指向内存中存储的二进制数据。浏览器使用URL.createObjectURL()方法创建Blob URL。
如何制作Blob URL？
要创建Blob URL，可以使用以下步骤：
// 创建一个blob对象，包含图片数据
const blob = new Blob([imageData], {type: "image/png"});
// 使用 URL.createObjectURL() 方法创建 Blob URL
const blobUrl = URL.createObjectURL(blob);如何下载Blob URL指向的图片？
要下载Blob URL指向的图片，可以使用以下步骤：
- 右键单击图片并选择“另存为”或“保存图片”。
- 在弹出的对话框中选择保存位置和文件名。
注意，Blob URL只能在创建它们的浏览器会话中使用。一旦浏览器关闭，Blob URL将变为无效。
总结
Blob URL是浏览器创建的临时URL，指向内存中存储的二进制数据。B站主页banner图片使用了Blob URL，使浏览器可以快速加载和显示图片。通过理解Blob URL的工作原理，我们可以创建和下载自己的Blob URL指向的图片。
