Question

我在显示JSON图像时遇到问题。我的问题特别是我将图像存储在JSON对象中，但是缺少“指向”这些图像的路径。

我显示图像的方法如下：

function populateMenuItems(menuitems){

        // function argument is a JSON object

        var container = $('.container');

        // iterating through JSON object
        for(var i=0; i<menuitems.length; i++){

            var menuItem = $('.menu-item-template').html();

            menuItem = menuItem.replace(/MENUITEM/g,menuitems[i].name);

            var menuItem = $(menuItem);

            // attempting to add images to src attribute with a path
            menuItem.find('img').attr({
                alt : menuitems[i].name,
                // the actual image
                src : menuitems[i].filename
            });

            container.append(menuItem);

        }   


    }

如何解决这个问题？它尝试将相对路径分配给我的项目文件夹，但这似乎无法解决问题。我正在使用JavaScript来解析我的JSON对象。

尝试显示图片时，我在Chrome中遇到的错误是：

GET file:///C:/Users:/Documents/App/html/sample_image.jpg net::ERR_FILE_NOT_FOUND

Answer 1

看起来＆＃34; menuitems＆＃34;的问题，更好的方法是使用相对路径，如Jan Hommes所说。另一个糟糕的方法是添加新的＆＃34;替换＆＃34;声明替换相对路径的路径。

最后，强烈建议在网站中使用相对路径。

缺少图像路径时显示JSON对象的图像

1 个答案: