使用 MySQL 数据库中的 PHP Blob 值作为简单网站的背景图像

发布于 2025-01-09 13:49:51 字数 645 浏览 0 评论 0原文

我正在尝试使用我在 MySQL 数据库中以 base64 存储的图像作为我的网站的背景图像。

基本思想是我有一个搜索功能,让我搜索字符/数据库条目,一旦搜索找到相应的条目,它将显示该字符的图像作为页面的背景。

解决这个问题的最佳方法是什么?我正在使用 PHP 来访问数据库。

echo  '<br> <img src="data:image/jpeg;base64,'.$row[4].'"/>  <br>';
echo  '<br> <img src="data:image/jpeg;base64,'.$row[5].'"/>  <br>'; 

我使用此功能来简单地显示角色的头像及其相应的大艺术,但是我似乎无法将其用作背景,这就是我的页面的样式:

<style>
body {
  background-image: src('<?php echo $row[5];?>');
background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  }
</style>

任何帮助将不胜感激。谢谢!

i'm trying to use an image that I've stored in base64 in my MySQL Database as a background image for my website.

The basic idea is that I have a search function that let's me search for a character/database entry and once the search has found the corresponding entry, it will display an image of this character as the background for the page.

What would be the best way to go about this? I'm using PHP to access the database.

echo  '<br> <img src="data:image/jpeg;base64,'.$row[4].'"/>  <br>';
echo  '<br> <img src="data:image/jpeg;base64,'.$row[5].'"/>  <br>'; 

I use this function to simply display an avatar of the character and their corresponding big art, however I can't seem to get it working as a background, this is what the style for my page looks like:

<style>
body {
  background-image: src('<?php echo $row[5];?>');
background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  }
</style>

Any help would be greatly appreciated. Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

2025-01-16 13:49:51

您只需要在那里添加 base64 上下文即可;

.background {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAAN......");
}

在你的情况下:

body{
    background-image: src("<?php echo 'data:image/jpeg;base64,' . $row[5];?>");
}

You just need to add the base64 context there;

.background {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAAN......");
}

in your case:

body{
    background-image: src("<?php echo 'data:image/jpeg;base64,' . $row[5];?>");
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文