Convert Cloudinary image url to base64

Trang

October 10, 2021 07:13 Edited

Suppose I have an image at a public URL like this

Does Cloudinary provide any utility to convert it to base64 data?

I can't find anything related to this on either the knowledge base or forum, so I thought I'd ask just in case.

Here is my use case if that helps: I want to place a LQIP while waiting for the real image to finish loading:

.resp-image-placeholder {
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBg0ICBMLDRIXERIQDhIJDRENDg0YFxYZGCITFhUaHysjGh0oKRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHBAQHC8lFigvLy8vLy8vLy8vLy8vLy8vNS8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABAAGAMBIgACEQEDEQH/xAAZAAABBQAAAAAAAAAAAAAAAAAEAAEDBQf/xAAbEAACAwADAAAAAAAAAAAAAAAAAwECEQQSIf/EABYBAQEBAAAAAAAAAAAAAAAAAAMCAf/EABcRAQEBAQAAAAAAAAAAAAAAAAERAAL/2gAMAwEAAhEDEQA/ANhfeF00HTyYtOEfMb3rkAiNrbTCakTWL7RgwG9/gg2XJzZv/9k=");
}

 

0

• 

  Francis Tagbo

  September 27, 2021 05:47

  Hi Trang,

  Yes, the Cloudinary SDK includes utilities to decode and encode Base64.
  Here is an example class in Java SDK.
  
  Regards,
  Francis

  1
• 

  Trang

  October 09, 2021 16:59 Edited

  I only know Javascript and I notice that the Node.js SDK also includes a helper for encoding Base64.

  How am I supposed to call the helper above? I don't see it mentioned anywhere in the documentation here.

   

   

  0
• 

  Mo Ip

  October 11, 2021 20:33

  Hi Trang,

  You can use the code of base64Encode from Node.js SDK or check out details from: 

  https://www.tutorialspoint.com/converting-images-to-a-base64-data-url-using-javascript

  Regards,

  Mo

  0
• 

  Trang

  October 13, 2021 10:05

  Hi Mo,

  Thanks for the link. That seems like a good approach.

  0
• 

  Mo Ip

  October 14, 2021 06:14

  Hi Trang,

  Glad to hear.

  Regards,

  Mo

  0

Post is closed for comments.