当 src 不存在时如何保持图像大小？

Question

<img class="holder-image" src="" ng-click="onAvatarClick()">

像这样，当src不存在的时候，我想用边框或者其他图片来保持尺寸，怎么办？

我从网上获取图片的 src，但是有些 src 不起作用，它会显示一个错误的小图片，我不关心图片是什么，我只想保持设计的尺寸。

Answer 1

使用以下标签：

<img src="yourimageifany" id="imageid" />

设置CSS如下：

img{
    width: 100%;
    border: 1px solid #000;
    border-radius: 5px;
}

您可以通过以下方式获取图像宽度（加载时使用JQuery）：

$(window).load(function() {
    var width= $("#imageid").width(); //get width
    $('#imageid').height(width); //set height as width
});

Answer 2

您可以使用以下行：

<img class="holder-image" src="" ng-click="onAvatarClick()" height="200px" width="200px" />

这会将您的图片的高度和宽度设置为 200 像素

how to hold the image size when src not exists?