Question

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

但是当我打电话给观点时，这就是我得到的答案：

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

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

Answer 1

我的猜测是，您还没有将图片作为解决方案的一部分包含在内，因此他们无法使用您的解决方案进行部署。

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

尝试重新构建并运行。

Answer 2

今天花了5分钟才意识到这一点......在浏览器上尝试ctrl + f5 ......可能是静态内容/缓存问题。

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

在visual studio 2012中发布加载图像

2 个答案: