Question

我有一个可以将base64编码的编码图像数据输出到标签的功能。以下作品：

echo '<img src="'.$base64.'">';

但如果我尝试使用相同的准备数据，则不再有效。

echo '<body background="'.$base64.'">';

任何直接使用标签的解决方案？

编辑：我想请注意，在接受的解决方案中使用以下方法后，我无法通过Javascript操纵背景属性：

echo '<body style="background: url(data:image/png;base64,'.$base64.')">';

然而，我通过将图像数据直接回显到样式而不是样式标记内来修复此问题：

<style>
body {
<?php
  echo 'background-image: url('.$base64.');' . "\n";
  echo 'background-size: 100% 100%;' . "\n";
?>
}
</style>

我不确定为什么表现不同。

Answer 1

echo '<body style="background: url(data:image/png;base64,'.$base64.')">';

如果您的base64数据代表jpg图片，请将image/png替换为image/jpeg。