php - 互联网浏览器中的损坏图像处理
问题描述
当没有显示图像时,如何隐藏显示为“ https://www.underconsideration.com/brandnew/archives/google_broken_image_00_a_logo.gif ”的损坏图像图标?我使用 php 和 css 创建了一个评论框,允许用户发表评论以及上传照片。但是,如果用户只想发表评论而不上传任何照片,如果他们只发表评论而不上传任何照片,评论部分将显示损坏的图像图标。
我确实申请onError='this.style.display ='none';'
了alt=''
我的剧本,但仍然没有运气。
这是我编写的用于在用户发表评论或上传照片时显示评论和照片的代码:
function getComments($conn){
$sql = "SELECT * FROM comments";
$result = $conn->query($sql);
while ($row = $result->fetch_assoc()) {
echo "<div class = 'comment_box'><p>";
echo "<div class = 'comment_id'><p>";
echo $row['uid']."<br>";
echo "</p></div>";
echo "<div class = 'comment_date'><p>";
echo $row['date']."<br>";
echo "</p></div>";
echo "<div class = 'comment_msg fixed'><p>";
echo make_clickable(nl2br($row['message']));
echo "</p></div>";
echo "<div id='img_div'>";
echo "<img class='img_size' src='images/".$row['image']."' onError='this.style.display ='none';' alt='' />";
echo "</div>";
echo "</p>
<form class='delete-form' method='POST' action='".deleteComments($conn)."'>
<input type='hidden' name='cid' value='".$row['cid']."'>
<button type='submit' name='commentDelete'><img class='img_remove' src='img/remove.png'>REMOVE</button>
</form>
<form class='slash-form '>|
</form>
<form class='edit-form' method='POST' action='editcomment.php'>
<input type='hidden' name='cid' value='".$row['cid']."'>
<input type='hidden' name='uid' value='".$row['uid']."'>
<input type='hidden' name='date' value='".$row['date']."'>
<input type='hidden' name='message' value='".$row['message']."'>
<button><img class='img_change' src='img/change.png'>EDIT</button>
</form>
</div>";
}
}
图像图标损坏的问题发生在:
echo "<div id='img_div'>";
echo "<img class='img_size' src='images/".$row['image']."' onError='this.style.display ='none';' alt='' />";
echo "</div>";
解决方案
我不能确定您的数据库是什么样的,但您可以使用以下内容呈现条件块:
if (isset($row['image']) && $row['image'] != '') {
echo "<div id='img_div'>";
echo "<img class='img_size' src='images/" . $row['image'] . "' alt='' />";
echo "</div>";
} else {
echo "<div id='img_div'>";
echo "<img class='img_size' src='images/path-to-blank-image.png'alt='' />";
echo "</div>";
}
推荐阅读
- kubernetes - kubernets pod 在挂载之前使用 configmap
- xamarin.android - 我想用事件制作滑块来捕获 Xamarin.Android 中的值
- sql - 过程问题 SQL Server 出现错误
- android - 创建的工具栏无法在 Android 设备上正确显示
- css - 打字稿的 CSS 界面
- android - 如果在 CoordinatorLayout 中设置了anchorView,则浮动操作按钮不与 Snackbar 一起浮动
- java - 我无法在我的 android 模拟器中接收 Firebase Cloud Messaging FCM
- macos - 如何在 Mac 上安装 Tesseract 5.0.0 alpha?
- c++ - 如何从启动时最大化cpp程序中的窗口?
- windows - 如何通过单击从 Windows 中的 Go 可执行文件打开特定文件