html - alt-tag 中的标题 (alt ='<h1>Test</h1>' )

Question

我有一张带有链接的图片。如果由于某种原因没有图像，我希望“图像”显示标题。我正在用 PHP 编写代码，这是我的代码行:

<a href='LINK.php?img=$id'><img src='$filename' alt='<h1>$username</h1>' width='500'></a>

它不工作，输出是“<h1>jerry></h1>”的纯文本，没有标题，如果 $username 是 jerry。

我该如何解决这个问题？

Answer 1

可以在输出html之前检查文件是否存在。

if(file_exists($filename)){ 

    echo "<img src='".$filename."' alt='".$username."' width='500' />";

}else{

    echo "<h1>".$username."</h1>";

}

如果您不想让 PHP 检查这些文件，您也可以使用 onerror=""事件来使用 javascript 为您修改此信息。

在头部包含这个；

<script>

    function switchImage(obj,un){ 

        obj.remove();

        document.getElementById("userImage").innerHTML = "<h1>" + un + "</h1>";

    }

</script>

对于链接/标题执行此操作:

echo "<a href='LINK.php?img=".$id."' id='userImage'><img onerror='switchImage(this,\"".$username."\");' src='".$filename."' alt='".$username."' width='500'></a>";