axios异步下载图片

Axios 是一个基于 promise 的 HTTP 客户端，适用于浏览器和 node.js 环境。使用 Axios 进行异步下载图片，主要涉及发送一个 GET 请求到图片的 URL 地址，并处理响应来获取图片数据。以下是一个基本的示例步骤：

1. 引入或安装 Axios。如果你是在浏览器环境中工作，可以通过 CDN 或者 npm 安装；如果是在 node.js 环境中，可以通过 npm 或 yarn 安装。
2. 使用 Axios 发送 GET 请求到图片的 URL。
3. 通过响应处理函数来处理图片数据，通常图片数据是响应体（`response.data`）的一部分。
4. 将图片数据写入到一个图片元素或者下载到本地。

示例代码如下：

// 引入 Axios
const axios = require('axios');

// 图片的 URL
const imageUrl = 'http://example.com/path/to/image.jpg';

// 使用 Axios 下载图片
axios({
  url: imageUrl,
  method: 'GET',
  responseType: 'arraybuffer' // 设置响应类型为 arraybuffer
}).then(function (response) {
  // 处理响应，response.data 就是图片的二进制数据
  const data = response.data;
  
  // 在浏览器中，你可以将这些数据转换为 Blob 对象，然后创建一个 URL 并将其赋值给图片的 src 属性
  const blob = new Blob([data], { type: 'image/jpeg' });
  const url = window.URL.createObjectURL(blob);
  const image = document.createElement('img');
  image.src = url;
  document.body.appendChild(image);
  
  // 清理资源
  setTimeout(() => {
    window.URL.revokeObjectURL(url);
  }, 5000); // 5秒后释放 URL
}).catch(function (error) {
  console.log(error);
});