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

しかし、私がビューを呼び出すと、これが私が得る答えです:

GET /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 に答える