Javascript 图像无法显示在页面上

我有一个img标签

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

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

Url是正确的，但我无法在页面上显示此图像。它无法显示

---

有什么问题吗？

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

您缺少文件协议：

返回“file://C:/Users/FC/Desktop/54f46f4613ba6106000d98f7.jpg”

---

不过，您不应该从本地文件系统提供资源。考虑使用WebService，

从本地文件系统中访问，您可能需要使用<代码>文件：//< /代码>协议。这在web应用程序中不可用。更好的解决方案是将图像资源放在webapp提供服务的目录中，并链接到该目录。查看浏览器是否报告404错误。有时可能会发生这种情况，因为文件权限会阻止浏览器引用文件。我只在mac上有经验，但查看inspector内部，它会告诉您文件权限是否错误或文件是否找不到。文件是否在xampp中？在浏览器中仍然可以查看该文件，协议是missing@Sphasoself.imageUrl=ko.computed（函数（）{return“文件：\\c:\\users\fc\documents\visualstudio 2012\Projects\INDIVIDUAL\INDIVIDUAL\Images\UploadedImages\1_54f46f461; f4613ba6106000d98f7.jpeg；}）；我试过了，但没用这不是我的建议，但奇怪的是它没用。控制台中有错误吗？。理想情况下，您应该有一个为您的资产（js、css、html…）服务的Web服务器（甚至是本地的）。然后在网站根目录下有一个文件夹，用于存储图像。通过这种方式，您可以访问图像，例如“/Content/blabla.jpg”（相对URL的示例）。@Sphaso非常感谢。你说得对，但我必须将图像保存到此文件夹。我检查了firebug，但没有错误message@LazyLooser对不起，我需要检查一下视力。看看协议，它应该是file://而不是file:\\我把它放到桌面上试试。事实上，该图像位于我的项目目录中的一个文件夹中。它不起作用

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