如果圖像標記中沒有源（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 . '"/>