图片URL转Base64编码

是一种将图片文件从URL转换为Base64编码的方法，它可以将图片文件以字符串的形式保存在内存中，从而减少了网络请求的次数，提高了网页加载速度。

使用方法

// 定义图片URL
let imageUrl = 'https://example.com/image.png';

// 使用XMLHttpRequest对象获取图片文件
let xhr = new XMLHttpRequest();
xhr.open('GET', imageUrl, true);
xhr.responseType = 'arraybuffer';

xhr.onload = function (e) {
  if (this.status == 200) {
    // 将获取到的图片文件转换为Base64编码
    let bytes = new Uint8Array(this.response);
    let binary = '';
    let len = bytes.byteLength;
    for (let i = 0; i < len; i++) {
      binary += String.fromCharCode(bytes[i]);
    }
    let base64 = window.btoa(binary);
    console.log(base64);
  }
};

xhr.send();

上面的代码中，我们使用XMLHttpRequest对象获取图片文件，将获取到的图片文件转换为Base64编码，将编码结果输出到控制台。

我们也可以使用image-to-base64库，它提供了一个简单的API，可以将图片文件从URL转换为Base64编码：

// 定义图片URL
let imageUrl = 'https://example.com/image.png';

// 使用image-to-base64库转换为Base64编码
imageToBase64(imageUrl)
  .then(function(base64) {
    console.log(base64);
  })
  .catch(function(err) {
    console.log(err);
  });

上面的代码中，我们使用image-to-base64库，将图片文件从URL转换为Base64编码，将编码结果输出到控制台。

是一种非常有用的方法，可以帮助我们更有效地使用图片文件，减少网络请求的次数，提高网页加载速度。