仅加载 HTML 和 angularJS 中的一些图像答案

【问题标题】：loading only some images in HTML and angularJS仅加载 HTML 和 angularJS 中的一些图像
【发布时间】：2017-07-05 00:18:16
【问题描述】：

In this images shows what happen HTML 代码在这里-在此我的一些图像显示在网页中，而一些不是..我应该如何修复它

<img src="img/uploadFiles/{{room.imageLocation.split('//')[6]}}/{{room.imageLocation.split('-')[1]}}" alt="Image Loading Failed"/>

【问题讨论】：

如果可能尝试更改图像路径，我认为这些不是有效的文件名
这种情况真的需要minimal reproducible example来了解问题所在；无法从具有非常不寻常文件名的屏幕截图中重现问题，尤其是在不知道您正在使用的数据的情况下。

标签： html angularjs angular-ui-bootstrap

【解决方案1】：

在绑定图片时使用 ng-src 而不是 src

<img  ng-src="img/uploadFiles/{{room.imageLocation.split('//')[6]}}/{{room.imageLocation.split('-')[1]}}" alt="Image Loading Failed"/>

【讨论】：

我使用了..但结果与我发布的上述图片相同
有什么问题？
这很奇怪。签入网络选项卡。或检查元素
是的..路径和图像名称显示正确..但图像未加载..有什么方法可以私下联系您

【解决方案2】：

<img src="img/uploadFiles/{{room.imageLocation.split('//')[6]}}/{{room.imageLocation.split('-')[1]}}" alt="Image Loading Failed" onError="this.src='./assets/img/placeholder.png'" />

【讨论】：

仍然没有..一些图像加载和一些不是..两者格式相同