Question

我正在开发一个从数组中选取对象并将图片显示到div的程序。我如何从物体拍照并显示它？我在想这样的事情，但它似乎没有用。

var pizza = {
crust: bread,
topping: sauce,
imgURL: 'www.pizza.com'
} 

$('#mydiv').append(pizza.imgURL);

Answer 1

你试过这个吗？

$('#mydiv').append('<img src="' + pizza.imgURL + '"/>');

这会在您的#myDiv中添加一张图片，并根据您的披萨对象设置它的image-source-url

Answer 2

一个可靠的解决方案是通过jQuery创建元素，将其src设置为pizza.imgURL，并将元素传递给append()方法。这可以确保URL被正确转义（它不应该是一个问题，但它当然是可能的）。

这里a jsFiddle证明这是有效的。但是，当然，图片无法加载，因为它不是有效的图片网址。

var pizza = {
    crust: bread,
    topping: sauce,
    imgURL: 'www.pizza.com'
} 

$('#mydiv').append($('<img>').prop({
    src: imgURL,
    // don't forget your alt attribute!
    alt: 'pizza'
}));

从javascript对象中获取src img并将其放入HTML中

2 个答案: