将数据库中的照片显示为Library Table的Author Profile

Question

最近我学习了PHP和数据库，我写了下面的脚本，将图像显示为作者的个人资料，但照片没有显示!，这是我的脚本:

echo "<tr class="alert" role="alert">
<td class="center">$data[id_pengarang]</td>
<td class="d-flex align-items-center">
<div class="img">
<img src="img_pengarang/$data[foto]" alt="$data[id_pengarang]"/>
</div>
</td>
<td>$data[nama]</td>
<td>$data[alamat]</td>
<td>$data[email]</td>
<td>$data[hp]</td>
<td class="status"><span class="active">Active</span></td>
<td><a href="nim-view.php id=$data[id_pengarang]">Edit</a> &nbsp
<a href="nim-del.php id=$data[id_pengarang]">Hapus</a>
</td>
</tr>";

检查图像时，如果控制台出现错误就会显示

用户- 1. png: 1加载资源失败:服务器响应404 (Not Found)

谁能告诉我如何纠正这个?我试着把双引号改成单引号，但仍然不工作。

或者数据库中可能有错误?

谢谢你的帮助

Answer 1

我的想法:

图像应该出现在CSS属性:background-color.

中给出的确切路径。另外，请通过尝试放置图像标签和路径来测试图像是否正常工作:

<img src=[GENERATED PATH]/>

清理后的代码应该是这样的:

echo '<tr class="alert" role="alert">
<td class="center">' . $data['id_pengarang'] . '</td>
<td class="d-flex align-items-center">
<div class="img" style="background-image: url(' . $data['foto'] . ');"></div>
</td>
<td>' . $data['nama'] . '</td>
<td>' . $data['alamat'] . '</td>
<td>' . $data['email'] . '</td>
<td>' . $data['hp'] . '</td>
<td class="status"><span class="active">Active</span></td>
<td><a href="nim-view.php?id=' . $data['id_pengarang'] .'">Edit</a> &nbsp
<a href="nim-del.php?id=' . $data['id_pengarang'] .'">Hapus</a>
</td>
</tr>';

Answer 2

为什么使用div而不是img标记

试一下，会成功的:

echo "
<tr class="alert" role="alert">
<td class="center">$data[id_pengarang]</td>
<td class="d-flex align-items-center">
<div class="img">
<img src="$data['foto']" alt="" />
</div>
</td>
<td>$data[nama]</td>
<td>$data[alamat]</td>
<td>$data[email]</td>
<td>$data[hp]</td>
<td class="status"><span class="active">Active</span></td>
<td><a href="nim-view.php id=$data[id_pengarang]">Edit</a> &nbsp
<a href="nim-del.php id=$data[id_pengarang]">Hapus</a>
</td>
</tr>";