當圖像路徑丟失時從JSON對象顯示圖像

-1

我在顯示JSON圖像時遇到問題。我的問題特別是我有圖像存儲在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

來源

2014-10-27 user1841702

爲什麼不使用[相對路徑]（http://en.wikipedia.org/wiki/Path_%28computing%29）？ – 2014-10-27 08:40:27

我不明白我在做什麼與我的相對路徑錯誤。我嘗試在src屬性中添加'../images/ '，並且不顯示任何圖像。 – user1841702 2014-10-27 10:08:01

請讓我看看你的圖片和頁面的絕對路徑。它適用於兩者。看[這]（http://jsfiddle.net/a825wqLe/1/）小提琴。最好的方法是查看你的調試工具（例如Firebug）並檢查img標籤。 – 2014-10-27 12:32:37

看來問題用「的菜單項」，更好的方法是爲揚社說，使用相對路徑。另一個不好的方法是添加新的「替換」語句來替換相對路徑的路徑。

最後，強烈建議在網站中使用相對路徑。

來源

2014-10-27 09:54:10 Johnny

當圖像路徑丟失時從JSON對象顯示圖像

回答

相關問題