淘汰赛图片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是ko.observable，那么您需要撰写src: '/imagefolder/' + PhotoName()。

或者在视图模型中移动此逻辑，例如创建一个计算属性，用于建立链接或创建视图模型时将正确的URL分配给PhotoName等。