淘汰赛图片src绑定问题

Question

我已将商店图像名称保存在数据库中,并将图像文件保存在我用来绑定图像的本地文件夹中

<img width="16px" height="16px" data-bind="attr:{src: PhotoName}"  />

在HTML中显示

<img src="http://sitename.com/Controller/action/imagename.extension"/>

但是我需要

<img src="http://sitename.com/imagefolder/imagename.extension"/>

任何想法我该如何解决这个问题？提前致谢.

Answer 1

您的问题与kncokout.js无关.如果您PhotoName只imagename.extension需要手动构建图像路径,则需要正确显示图像.

所以你需要在绑定中直接创建正确的路径:

<img data-bind="attr:{ src: '/imagefolder/' + PhotoName }" />

请注意,如果你PhotoName是a,ko.observable那么你需要写src: '/imagefolder/' + PhotoName().

或者在viewmodel中移动此逻辑,例如创建一个用于建立链接的计算属性,或者在创建viewmodel时为其分配正确的url PhotoName等.