js转成base64的编码

要将文本或图片转换为Base64编码，可以使用JavaScript来实现。下面是一个示例代码，演示了如何使用JavaScript将文本转换为Base64编码：

function textToBase64(text) {
  const base64 = btoa(unescape(encodeURIComponent(text)));
  return base64;
}

const inputText = "Hello, World!";
const base64Text = textToBase64(inputText);
console.log(base64Text);

在此示例中，`textToBase64`函数接受一个文本参数，并使用`btoa`函数将文本转换为Base64编码。然后，我们使用`encodeURIComponent`对文本进行编码以确保不会丢失任何字符，并使用`unescape`解码编码的结果。最后，我们将结果返回为Base64编码的字符串。

要将图片转换为Base64编码，可以使用以下示例代码：

function imageToBase64(imageUrl) {
  return new Promise((resolve, reject) => {
    const image = new Image();
    image.crossOrigin = "Anonymous";
    image.onload = () => {
      const canvas = document.createElement("canvas");
      canvas.width = image.width;
      canvas.height = image.height;
      const ctx = canvas.getContext("2d");
      ctx.drawImage(image, 0, 0);
      const base64 = canvas.toDataURL();
      resolve(base64);
    };
    image.onerror = (error) => {
      reject(error);
    };
    image.src = imageUrl;
  });
}

const inputImageUrl = "https://example.com/image.jpg";
imageToBase64(inputImageUrl)
  .then((base64Image) => {
    console.log(base64Image);
  })
  .catch((error) => {
    console.error(error);
  });

在此示例中，`imageToBase64`函数接受一个图片URL作为参数，并返回一个Promise，该Promise在图片加载和转换为Base64编码后解析。我们创建一个`Image`对象，并设置其`crossOrigin`属性为"Anonymous"以避免跨域问题。在图片加载完成后，我们创建一个`canvas`元素，并将图片绘制到该canvas上。然后，我们使用`toDataURL`将canvas的内容转换为Base64编码的字符串，并将结果解析为Promise的解析值。

请注意，上述示例代码中的示例输入文本和图片URL仅供演示目的，需要根据实际情况进行替换。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [JavaScript实现Base64编码转换](https://download.csdn.net/download/weixin_38590520/14805219)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [base64:js实现base64编码解码](https://download.csdn.net/download/weixin_42117340/19693137)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [使用GPT-3大预言模型生成文本的基本的框架和关键代码片段来实现GPT-3和BERT的应用案例.txt](https://download.csdn.net/download/weixin_44609920/88224217)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]