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

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']) . '"/>';

另一个解决方案是为您的图片添加一个 class 或 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']) . '"/>';

或在 header 部分的 style 标签中

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（在许多其他地方，您只需搜索 "CSS where"）。

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

How do I resize an image that I echo from my SQL database

css

php

resize

image