如何在网页中下载 blob 地址图片？复制图像的 blob 地址。使用 JavaScript 创建 blob 对象。将 blob 对象转换为文件。创建对象 URL 并触发下载。（可选）撤消对象 URL 以释放内存。
如何在网页中下载 blob 地址图片
blob 地址是网页中用于引用文件或图像的特殊 URL。它以 "blob:" 开头，后跟一串字符。要从网页中下载 blob 地址图片，可以遵循以下步骤：
步骤 1：找到 blob 地址
- 打开网页并右键单击要下载的图像。
- 从菜单中选择 "复制图像地址" 或 "复制链接地址"。
- 粘贴地址到文本编辑器中。
步骤 2：创建 blob 对象
- 在 JavaScript 控制台或开发人员工具中，输入以下代码：
<code>const blobUrl = "粘贴的 blob 地址"; fetch(blobUrl).then(response => response.blob());</code>
这将创建一个包含图像数据的 blob 对象。
步骤 3：转换为文件
- 使用 File constructor 将 blob 对象转换为文件：
<code>const file = new File([blob], "image.png", { type: "image/png" });</code>步骤 4：下载文件
- 创建一个用于下载文件的对象 URL：
<code>const url = URL.createObjectURL(file);</code>
- 使用
a标签触发下载：
<code>const anchor = document.createElement("a");
anchor.href = url;
anchor.download = "image.png";
anchor.click();</code>步骤 5：撤消对象 URL（可选）
- 下载完成后，可以撤消对象 URL 以释放内存：
<code>URL.revokeObjectURL(url);</code>
