图像无法在页面上显示

Question

我有一个img标签

 <img data-bind="attr: { src: imageUrl() }" />

我将它绑定到knockoutjs中的imageUrl()函数。

self.imageUrl = ko.computed(function () {
                return "C:/Users/FC/Desktop/54f46f4613ba6106000d98f7.jpg";
 });

我的桌面上有一张JPEG格式的图像。

网址是正确的，但我无法在页面上显示此图片。它无法显示。

有什么问题？

Answer 1

Javascript无法访问您的文件系统。将图像放在网络服务器可以看到您的资源的位置，并通过URL引用它。

Answer 2

您错过了文件协议：

return＆＃34; file：// C：/Users/FC/Desktop/54f46f4613ba6106000d98f7.jpg"

但是，你不应该从本地文件系统提供资源。考虑使用网络服务。