将图片网址转换为base 64

Question

我正在从API接收图像URL，但有时会显示图像中断。 因此，我打算从API中获取url并将图像转换为Base64格式，然后显示图像。

到目前为止，我正在显示从API获得的网址中的图片。 任何人都可以协助我如何从URL下载图像。然后将其转换为base 64格式。

API.URL是从API获得的图像的网址。

尝试了许多替代方法但没有成功，现在我决定在分配之前将url转换为base 64。

Answer 1

将变量转换为基数为64所需要做的就是使用btoa（）javascript本机函数。

但这不会转换图像，而是转换URL本身。

为了转换图像本身，必须首先将其加载到HTML5 canvas元素中，然后使用toDataURL（），它将返回图像的base64表示形式。 see here for more "How to convert image into base64 string using javascript "

const url = "http://google.com"
const base64url = btoa(url)
console.log(base64url)