2

我是 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);
            }
}

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

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

我尝试更改文件的位置，路径，但似乎没有任何效果，当我尝试在我的项目中本地调用一个json文件时也是如此，它还说我找不到我，所以我认为这可能是我的视觉工作室的一种配置，但我无法使其工作，有人可以帮助我吗？这很烦人:(

4

2 回答 2

1

我的猜测是您没有将图像作为解决方案的一部分包含在内，因此它们没有与您的解决方案一起部署。

要解决此问题，请转到Solution Explorer并导航到该Content -> Img文件夹​​。（确保选择了解决方案资源管理器顶部的显示所有文件按钮）。
在 img 文件夹中，您应该会看到gnomeXX图像。如果它们是灰色的，请右键单击它们并选择Include in Project。

再次尝试构建和运行。

于 2012-12-22T12:21:17.147 回答
0

今天在这上面花了 5 分钟，然后我才意识到显而易见的……在浏览器上尝试 ctrl+f5……可能是静态内容/缓存问题。

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

于 2015-05-12T16:00:21.083 回答