2015-04-04 149 views
-2

我有一個數組,並且數組中的每個項目都包含一個標題和一個描述,我也想爲每個項目添加一個圖像。我怎樣才能做到這一點?JavaScript:您可以將圖像添加到數組嗎?

var myArray = [ 
    {title: "my title", description: "my description."}, 
    {title: "my title", description: "my description."}, 
    {title: "my title", description: "my description."}, 
]; 

我已經試過{title: "my title", description: "my description.", image: src="my file path here"},但這並不適用於我。

+2

'{標題: 「我的標題」,說明: 「我的描述」,imagesrc =「我文件路徑在這裏「} – shakib 2015-04-04 19:38:56

+1

就像@shakib說的。你看,你不能在javascript對象上添加'src ='。 – 2015-04-04 19:39:27

+0

你需要圖像對象還是文件路徑字符串? – dfsq 2015-04-04 19:42:10

回答

1

當然?只需添加實際圖像元素 =)

var myArray = [{ 
    title: "my title", 
    description: "my description.", 
    image: buildImage("http://example.org/thing.png"); 
}, { 
    title: ... 
    ... 
}); 

有了這樣一個簡單的設計器功能:

function buildImage(url) { 
    var img = new Image(); 
    img.onerror = function() { 
    console.log("could not load image on URL " + url); 
    }; 
    img.src = url; 
    return img; 
} 
+0

我試過了,它輸出的是[objectHTMLImageElement]而不是圖片本身。 – roguerat 2015-04-04 20:02:22

+1

是的,當然。你認爲圖像在瀏覽器中是什麼?因爲你在評論中顯示的東西是正確的,所以圖像就是=)所以:你想要圖像的二進制數據嗎?因爲這也是可能的,但是你不能真正使用這些數據來做任何事情,除非你在你的問題中遺漏了很多細節。 – 2015-04-04 20:18:46

+0

對不起,我覺得我很困惑,我根本不瞭解JavaScript。基本上我有一個數組,當我按下瀏覽器中的一個按鈕時,我將隨機選擇一個數組。每個數組項目都有一個標題和說明。我也想爲每個數組項添加一個圖像,並且我希望該圖像在標題和描述旁邊的瀏覽器中顯示。我不想收集任何數據或任何類型的數據,我只是想將圖像硬編碼到每個數組項中,並在瀏覽器中顯示圖像。 – roguerat 2015-04-04 20:35:05