Проблема с нокаутом изображения src

У меня есть имя сохраненного образа в базе данных и файл изображения в локальной папке Я использовал для привязки изображения

<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"/>

любая идея, как я могу это исправить?? Спасибо заранее.

Ответы

Ответ 1

Ваша проблема не имеет ничего общего с kncokout.js. Если ваш PhotoName содержит только imagename.extension, вам нужно создать свой путь изображения вручную, чтобы правильно отображать изображения.

Итак, вам нужно создать правильный путь либо в привязке напрямую:

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

Обратите внимание, если ваш PhotoName является ko.observable, тогда вам нужно написать src: '/imagefolder/' + PhotoName().

Или переместите эту логику внутри вашей модели просмотра, например. создавая вычисляемое свойство, которое строит ссылку или когда вы создаете свой viewmodel, назначьте правильный URL-адрес PhotoName и т.д.