html图片数组图片显示不了,javascript – 对象HTMLImageElement显示而不是图像

我创建了一个包含2个图像的数组,并试图显示它们,但是我得到了文本而不是图像：

对象HTMLImageElement

我确信我的图像位于我正在使用的正确目录中.

< template is="auto-binding">

{{item}}

(function() {

addEventListener('polymer-ready', function() {

var createImage = function(src, title) {

var img = new Image();

img.src = src;

img.alt = title;

img.title = title;

return img;

};

var items = [];

items.push(createImage("images/photos/1.jpeg", "title1"));

items.push(createImage("images/photos/2.jpeg", "title2"));

CoreStyle.g.items = items;

addEventListener('template-bound', function(e) {

e.target.g = CoreStyle.g;

e.target.items = items;

});

});

})();

我在这里错过了什么？

解决方法:

最简单和最安全的方法是将img放在模板中并绑定src和title属性,如下所示：

然后createImage看起来像这样

var createImage = function(src, title) {

return {src: src, title: title};

}

标签：javascript,polymer,html

来源： https://codeday.me/bug/20190528/1173345.html