需要在img src的末尾添加一个变量

在 HTML 中，<img> 标签用于在网页中插入图像。然而，<img> 标签没有内置的方法或属性来设置图像的链接。为了在 img 标签中添加一个变量，我们可以使用 JavaScript 来实现这个功能。

下面是一个示例代码，展示了如何在 img 标签中添加一个变量：

<!DOCTYPE html>
<html>
<head>
	<title>My Image</title>
</head>
<body>
	<img src="image.jpg" alt="My Image" id="image">
	<script>
		const image = document.getElementById("image");
		image.src = "data:image/jpeg;base64," + btoa("Hello World");
	</script>
</body>
</html>

在上面的代码中，我们通过 JavaScript 代码获取了 img 元素的引用，然后使用 btoa 函数将 "Hello World" 转换为 Base64 编码的字符串，并将其作为 src 属性的值。

在上面的示例中，我们使用了 btoa 函数来将字符串转换为 Base64 编码。您也可以使用其他库或函数来将字符串转换为 Base64 编码，例如 window.btoa 或 crypto.createHash('md5').update(string, 'utf8').digest('base64')。

无论您使用哪种方法，都需要确保在将字符串转换为 Base64 编码之前，将其编码为 UTF-8 编码。