javascript - 图像标签中没有来源时如何避免十字标记符号（src =“”）

Question

我有两张图片，一张有来源，src=" www.png"另一张没有来源src=""。没有来源的图像显示一个符号（我不知道符号），我该如何避免这种情况？

Answer 1

使用透明的空白占位符 PNG，或者更好的是，不要在文档中添加无用的空图像。如果您src稍后需要以编程方式将 设置为非空值，则可以<img>在该点附加一个新元素。

Answer 2

您可以使用透明 base64 编码的 GIF图像：

<img src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />

Answer 3

有很多方法可以“解决”这个问题。

您可以像这样设置一个 php 函数：

<?php
function printSrc( $path )
{
   $missingImage = 'missing_image.png';

   if( ! file_exists( $path ) )
   {
       $path = $missingImage;
   }

   echo $path;
}
?>

<?php $imagePath = 'image.png'; ?>
<img src="<?php printSrc( $imagePath ) ?>"/>

当您没有任何可显示的内容时，这将显示您的“缺失图像”图像，而不是什么都没有。

你也可以做

 <img src="image.php?file=image.png"/>

并且该 image.php 将具有相同的条件并使用 php 输出图像。

还有其他人提到的 css hacks 和调整。

Answer 4

<?php
$image = "imageurl";
if(!file_exists($image){
echo ' <img alt="" />';
}else {
echo '<img src="' . $image . '"/>