使用javascript或angularJS在src中显示带有通配符的图像
我想在视图中以ng repeat中的_id值开始显示多个图像,如下所示使用javascript或angularJS在src中显示带有通配符的图像,javascript,angularjs,Javascript,Angularjs,我想在视图中以ng repeat中的_id值开始显示多个图像,如下所示 <div ng-repeat="property in properties"> <img src="uploads/@{{property._id}}.jpg" alt="Smiley face" width="42" height="42"/> </div> 我想显示每个属性的所有这些图像 帮我做这个 现在考虑一下,如果 _id = 1 上传中有多个这样的图像 /uplo
<div ng-repeat="property in properties">
<img src="uploads/@{{property._id}}.jpg" alt="Smiley face" width="42" height="42"/>
</div>
我想显示每个属性的所有这些图像
帮我做这个
现在考虑一下,如果
_id = 1
上传中有多个这样的图像
/uploads/
1a.jpg
1b.jpg
1zaz.jpg
1io.jpg
/上传/
1a.jpg
1b.jpg
1zaz.jpg
1io.jpg
我想展示所有这些针对每个属性的图像
唯一可以这样做的方法是,如果您事先知道名称后面附加了a
、b
、zaz
和io
。不能使用通配符来表示“对任何碰巧存在的文件重复此img
元素。”
因此,作为构建过程或类似过程的一部分,您需要识别存在的实际图像,然后在
ng repeat
中覆盖所有图像。您如何做到这一点的细节显然将非常特定于您的环境,因此我们无法为您提供这些细节。我的意思是在重复中针对一个id显示多个图像。所有图像名称都以id开头,然后是random string.jpg。“针对一个id的多个图像”也没有什么意义。不要让我们猜到你想做什么……给出一个恰当的解释正确的方法是:使用ng src()@t.J.克劳德现在清楚了吗?@InzmamGujjar:很好!但用户可以针对单个属性上传多个图像,所以我必须在末尾添加随机字符串来存储它们,@InzmamGujjar:服务器端信息无法从浏览器托管的JavaScript中获得。您必须在用户上载图像时捕获名称,然后在渲染时使用这些捕获的名称。另一种可能的解决方案是将图像的名称存储在数据库数组中,然后ng repeat该数组,但这可能会降低ng repeat中的性能ng repeat,。,你在想什么?@InzmamGujjar:如果你有两个ng重复,比如说,两个ng重复,每个ng重复,比如说,四个ng重复,而仅仅是八个ng重复,这并不重要。如果可以针对同一属性使用多个图像,则嵌套重复是有意义的。
/uploads/
1a.jpg
1b.jpg
1zaz.jpg
1io.jpg