img ng-src图像永无止境

Question

我有类似下面的东西

<img width="100" height="177" ng-show="file.fileName" ng-src="file.fullPath" class="img-thumbnail" alt="test" onerror="this.src = $(this).attr('altSrc')">

fileName is "abc.png"
fullPath is "/data/uploads/abc.png"

但是，src永远不会结束..下面是日志。

INFO 2015-10-02 03:02:40-6357939496072691129 - Request: GET localhost:26264/undefined 
INFO 2015-10-02 03:02:40-6357939496072691129 - Response: GET localhost:26264/undefined Not Found 
INFO 2015-10-02 03:02:40-6357939496074282039 - Request: GET localhost:26264/undefined 
INFO 2015-10-02 03:02:40-6357939496074282039 - Response: GET localhost:26264/undefined

怎么预防这个？

Answer 1

<img width="100" height="177" ng-show="file.fileName" ng-src="file.fullPath" class="img-thumbnail" alt="test" onerror="this.src = $(this).attr('altSrc')">

你的onerror将src设置为属性altSrc，但由于你没有定义altSrc，它会再次出错并导致循环。

要防止循环，请定义altSrc。为了防止这种情况，请不要像这样内联javascript。而是在CSS中为您的图像元素定义背景图像。这样您就不需要检查图像错误，因为加载的图像将简单地覆盖CSS背景图像。