Question

我使用下面的php代码来回显mysql数据库中的图像，请帮我展示如何设置图像的宽度和高度？

echo '<img src="data:image/jpeg;base64,' . base64_encode($row['venueimage']) . '"/>';

Answer 1

有多种方法可以做到这一点，简单的解决方案是使用适当的样式回显图像，如下所示

echo '<img style="width: 500px; height: 200px" src="data:image/jpeg;base64,' . base64_encode($row['venueimage']) . '"/>';

另一种解决方案是在图像中添加类或ID，然后创建CSS规则来设置样式

echo '<img id="foo" src="data:image/jpeg;base64,' . base64_encode($row['venueimage']) . '"/>';

在你的CSS中

#foo{
    width: 500px;
    height: 200px;
}

Answer 2

这与SQL无关，它只是CSS的问题。

您需要的CSS规则是width和height，您可以在标记本身中指定它们

echo '<img style="width: x; height: y" src="data:image/jpeg;base64,' . base64_encode($row['venueimage']) . '"/>';

或style部分的header标记

echo '<style type="text/css">
         #venue{
             width: x;
             height: y;
         }
      </style>'

...

echo '<img id="venue" src="data:image/jpeg;base64,' . base64_encode($row['venueimage']) . '"/>';

或甚至在单独的文件中

yourStyle.css
#venue{
    width: x;
    height: y;
}

yourPHPfile.php
echo '<link rel="stylesheet" type="text/css" href="yourStyle.css" />';

...

echo '<img id="venue" src="data:image/jpeg;base64,' . base64_encode($row['venueimage']) . '"/>';

您可以详细了解CSS的工作原理以及可以放置的不同位置here（在许多其他地方，您只需搜索＆＃34; CSS其中＆＃34;）。

如何调整从SQL数据库回显的图像的大小

2 个答案: