Javascript 在visual studio 2012中加载图像的问题

我是Visual Studio 2012的新手，我有一个项目，我需要通过javascript将一些图像加载到视图中，基本上我有一个数组，其中填充了一些项目描述和每个图像的路径，但是当页面加载时，页面无法加载图像，因为它从未找到它们

我用来实现这一点的javascript代码是：

      var item = {
        name: "",
        price: 0,
        index: 0,
        picURL: ""
    };

    function Item(name, price, index, picURL) {
        this.name = name;
        this.price = price;
        this.index = index;
        this.picURL = picURL;
    }

    function FillArray() {

        var items = new Array();

        items[0] = new Item("Gnome1", 32, 001, "Content/img/gnome7.PNG");
        items[1] = new Item("Gnome2", 15, 002, "Content/img/gnome14.PNG");
        items[2] = new Item("Gnome3", 26, 003, "Content/img/gnome10.PNG");

        return items;
    }


    function addToCart() {
        var items = FillArray();
        var that = this;
        var ul = document.getElementById("list");
        for (var i = 0; i < items.length; i++) {

            var li = document.createElement("li");
            li.id = 'li' + items[i].index;
            var currentItem = items[i];

            for (p in currentItem) {
                var div = document.createElement("div");
                if (p.valueOf() == "picURL") {
                    div.innerHTML = "<img class='miniPic' src='" + currentItem[p].valueOf() + "'/>";
                }
                else if (p.valueOf() == "price") {
                    div.innerHTML = p.valueOf() + " : £" + currentItem[p].valueOf();
                }
                else {
                    div.innerHTML = p.valueOf() + " : " + currentItem[p].valueOf();
                }
                li.appendChild(div);
            }
}

var项={
姓名：“，
价格:0,，
索引：0，
picURL:“
};
功能项（名称、价格、索引、picURL）{
this.name=名称；
这个价格=价格；
这个指数=指数；
this.picURL=picURL；
}
函数FillArray（）{
var items=新数组（）；
条目[0]=新条目（“Gnome1”，32001，“Content/img/gnome7.PNG”）；
条目[1]=新条目（“Gnome2”，1502，“Content/img/gnome14.PNG”）；
条目[2]=新条目（“Gnome3”，26003，“Content/img/gnome10.PNG”）；
退货项目；
}
函数addToCart（）{
var items=FillArray（）；
var=这个；
var ul=document.getElementById（“列表”）；
对于（变量i=0；i

但当我调用视图时，我得到的答案是：

GET/Home/Content/img/gnome7.PNG 404（未找到）

---

我试图改变文件的位置和路径，但似乎没有任何效果，当我试图在我的项目中本地调用json文件时，情况也是一样，它还说找不到我，所以我认为这可能是我的visual studio的一种配置，但我无法使其工作，有人能帮我吗？这很烦人ing:（

我的猜测是，您没有将映像作为解决方案的一部分，因此它们没有与您的解决方案一起部署

要解决此问题，请转到

解决方案资源管理器

并导航到

内容->Img

文件夹。（确保选择了解决方案资源管理器顶部的“显示所有文件”按钮）。
在img文件夹中，您应该会看到

gnomeXX

图像。如果它们变灰，请右键单击它们，然后选择

包含在项目中

---

请尝试重新构建并运行。

今天花了5分钟才意识到明显的问题……在浏览器上尝试ctrl+f5……可能是静态内容/缓存问题

---

您还需要确保“属性”下的生成/内容设置其中的相关文件与您正确引用的其他资源相同。

非常感谢您回答@Blachshma，是的，这些文件包含在解决方案中，我已经构建并再次运行了，但仍然找不到图像您在浏览器中键入的URL是什么？因为我看到您正在尝试转到

/Home/Content/img/gnome7.PNG

而不是

/Content/img/gnome7.PNG 404

-这可能是问题所在。。。