+
95
-

js如何根据图片url地址生成base64编码字符串?

js如何根据图片url地址生成base64编码字符串?

网友回复

+
16
-

在 JavaScript 中,你可以使用多种方法将图片 URL 转换为 Base64 编码。以下是使用浏览器内置的 Fetch API 和 FileReader 的示例代码:

使用 Fetch API 和 FileReader
async function convertImageToBase64(imageUrl) {
  // Fetch the image from the URL
  const response = await fetch(imageUrl);

  // Ensure the response is a blob (binary large object)
  const blob = await response.blob();

  // Create a FileReader to read the blob as a data URL (Base64)
  const reader = new FileReader();

  // Return a promise that resolves when the FileReader reads the blob
  return new Promise((resolve, reject) => {
    reader.onloadend = () => {
      resolve(reader.result);
    };
    reader.onerror = reject;
    reader.readAsDataURL(blob);
  });
}

// Example usage
const imageUrl = 'https://example.com/path/to/image.jpg';
convertImageToBase64(imageUrl...

点击查看剩余70%

我知道答案,我要回答