2015-04-04 43 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

相关问题