从knockoutjs

Question

<ul style="list-style:none;" data-bind="foreach: Images">
    <li style="display:inline;">
        <a class="inline" data-bind="attr: { href: $data }"><img data-bind="attr:{ src:  $data }" width="150" height="150" style="padding:5px;" /></a>
    </li>
</ul>

为什么上面的代码根本不起作用？我的意思是它没有显示给定路径中的任何图像。

$data = "C:\\Users\\lenovo\\Desktop\\meal_service\\images\\img7.jpg"

你知道这里发生了什么吗？感谢。

Answer 1

您不应将Directory path绑定到网页中的图像源。因为，如果您将目录路径直接提供给映像src，它将引用本地系统路径。它不会从服务器加载图像。错误的做法。

Q and A可用。

例如：

Images.push('../Download/Images/' + image.name);

如果你使用chrome，你可以右键单击图像并尝试open image in New Tab并检查图像url / edit并尝试正确的路径。

类似于this。，

您必须将图片src加载为your domain path with image path。