如何将cloudinary图片同步转为base64 img？

Question

几乎与 post 所说的一样。我不想使用异步选项，而且似乎找不到任何开箱即用的云转换来执行类似 cloudinaryImg/transform_toBase64,w_20,h_20/123.jpg 的操作（这是一个示例）。这也需要在前端。

而且大多数 javascript 选项似乎只执行异步操作。

Answer 1

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

How can I convert an image into Base64 string using JavaScript?

https://base64.guru/developers/javascript/examples/convert-image

这是一个受给定 here -

影响的简单示例


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();

如何将cloudinary图片同步转为base64 img？

How to turn cloudinary image to base64 img synchronously?

javascript

base64

cloudinary