Javascript 如何将cloudinary图像同步转换为base64 img?

Javascript 如何将cloudinary图像同步转换为base64 img?,javascript,base64,cloudinary,Javascript,Base64,Cloudinary,跟帖子上说的差不多。我不想使用异步选项,而且似乎找不到任何开箱即用的cloudinary转换,它将执行类似于cloudinaryImg/transform_toBase64、w_20、h_20/123.jpg的操作。这是一个示例。这也需要放在前端 另外,大多数javascript选项似乎只执行异步操作。您可以使用图像的URL生成图像的base64。 这里有一些资源- 下面是一个受给定示例影响的简单示例- 这将是一个异步函数,不是吗? var url = 'https://res.cloudin

跟帖子上说的差不多。我不想使用异步选项,而且似乎找不到任何开箱即用的cloudinary转换,它将执行类似于cloudinaryImg/transform_toBase64、w_20、h_20/123.jpg的操作。这是一个示例。这也需要放在前端


另外,大多数javascript选项似乎只执行异步操作。

您可以使用图像的URL生成图像的base64。 这里有一些资源-

下面是一个受给定示例影响的简单示例-


这将是一个异步函数,不是吗?

var url = 'https://res.cloudinary.com/demo/image/upload/sample.jpg';

var xhr = new XMLHttpRequest();
xhr.onload = function () {
  // Create a Uint8Array from ArrayBuffer
  var codes = new Uint8Array(xhr.response);

  // Get binary string from UTF-16 code units
  var bin = String.fromCharCode.apply(null, codes);

  // Convert binary to Base64
  var b64 = btoa(bin);
  console.log(b64); 
};

// Send HTTP request and fetch file as ArrayBuffer
xhr.open('GET', url);
xhr.responseType = 'arraybuffer';
xhr.send();