blob图片链接下载

Blob图片链接下载是指通过Blob对象的URL来下载图片。Blob（Binary Large Object）是一种二进制数据类型，可以用来存储大量的二进制数据，包括图片、音频、视频等。

要进行Blob图片链接下载，可以按照以下步骤进行操作：
1. 创建一个XMLHttpRequest对象或者使用fetch API来发送HTTP请求。
2. 使用GET方法请求服务器上的图片资源，并设置responseType为"blob"，以获取二进制数据。
3. 在请求成功后，将返回的Blob对象转换为URL，可以使用URL.createObjectURL(blob)方法。
4. 创建一个a标签，并设置其href属性为Blob URL。
5. 设置a标签的download属性为图片的文件名，以便用户下载时保存为指定的文件名。
6. 将a标签添加到文档中，并模拟点击a标签来触发下载。

以下是一个示例代码：

function downloadImage(url, filename) {
  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.responseType = 'blob';

  xhr.onload = function() {
    if (xhr.status === 200) {
      // 获取Blob对象
      var blob = xhr.response;
      // 创建Blob URL
      var blobUrl = URL.createObjectURL(blob);

      // 创建a标签并设置属性
      var a = document.createElement('a');
      a.href = blobUrl;
      a.download = filename;

      // 添加a标签到文档中并模拟点击
      document.body.appendChild(a);
      a.click();

      // 清理Blob URL
      URL.revokeObjectURL(blobUrl);
      // 移除a标签
      document.body.removeChild(a);
    }
  };

  xhr.send();
}

// 使用示例
var imageUrl = 'https://example.com/image.jpg';
var fileName = 'image.jpg';
downloadImage(imageUrl, fileName);