knockout.js - 淘汰图像 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是 ako.observable那么您需要编写src: '/imagefolder/' + PhotoName().

或者在你的视图模型中移动这个逻辑，例如创建一个计算属性来构建链接，或者在你创建视图模型时分配正确的 urlPhotoName等等。