Javascript - 通过对象文字表示法向对象添加图像

时间:2016-06-23 22:58:09

标签: javascript image

我一直试图通过对象文字表示法将图像添加到几个不同的对象。

我无法让它发挥作用,并且想知道是否有人对此有任何见解。

var hotelRooms = [
  {
   hotel: 'Hotel Hawaii',
   price: '$350 / Night',
   size: '400 Square Feet',
   img: 'images/image.src', // What I have tried.
   image: 'images/image.src' // What I have tried.
  },
  {
   hotel: 'Downtown Hawaii',
   price: '$450 / Night',
   size: '300 Square Feet',
   img: 'images/image.src', // What I have tried.
   image: 'images/image.src' // What I have tried.
 }
];

1 个答案:

答案 0 :(得分:2)

您可以添加网址:

var hotelRooms = [
    {
        hotel: 'Hotel Hawaii',
        price: '$350 / Night',
        size: '400 Square Feet',
        imgUrl: 'https://www.example.com/images/img123.jpg'
    }
];

或文件名为字符串:

var hotelRooms = [
    {
        hotel: 'Hotel Hawaii',
        price: '$350 / Night',
        size: '400 Square Feet',
        imgFile: 'img123.jpg'
    }
];

或从某种ID构建它们:

var hotelRooms = [
    {
        hotel: 'Hotel Hawaii',
        price: '$350 / Night',
        size: '400 Square Feet',
        id: 123
    }
];

通过构建如下的网址:

"https://www.example.com/images/img" + hotelRooms[0].id + ".jpg";

如果您有这样的网址 - 直接存储为对象属性或从部件构建 - 您可以在模板中使用它或将其添加到src标记的<img>属性中。

很难再说些什么了,因为你对这些图像到底想要做什么并不是非常具体,所以我只能在猜测中尽力而为。

请记住,您在此处拥有的内容不是有效的JSON。如果你需要构造JSON,它将是这样的:

[
    {
        "hotel": "Hotel Hawaii",
        "price": "$350 / Night",
        "size": "400 Square Feet",
        "id": 123
    }
]

使用双引号字符串和对象键。

你对JSON本身没有任何说法,但人们经常尝试将这样的数据作为JSON进行处理,如果没有正确引用的密钥,它就无法工作 - JS中的那些可以不带引号的密钥(不是保留字)和单引号字符串。