将图像源设置为 firebase 图像不起作用答案

【问题标题】：setting image source to firebase image is not working将图像源设置为 firebase 图像不起作用
【发布时间】：2017-12-29 09:39:49
【问题描述】：

我有这个 html

<ul>
 <li><img id="image1" src="images/single_1_thumb.jpg" alt="" data-image="images/single_1.jpg"></li>

</ul>

我想使用 firebase 存储图像作为 src 和数据图像的来源。我可以使用此代码为 src 做

var pic1 = snapshot.child("ProductImageUrl").val();

document.getElementById("image1").src = pic1;

但我不知道如何为数据图像实现它。我试过这些

 document.getElementById("image1").data-image = pic1;
 document.getElementById("image1").'data-image' = pic1;
 document.getElementById("image1").data:image = pic1;

我第一次尝试得到的错误是

未捕获的 ReferenceError：分配中的左侧无效

如何实现将 firebase 图像设置为 data-image？

【问题讨论】：

标签： javascript firebase dom firebase-realtime-database

【解决方案1】：

要么使用Element.setAttribute() 改变DOM中的属性值

document.getElementById('image1').setAttribute('data-image', pic1)

或使用DataSet API

document.getElementById('image1').dataset.image = pic1

【讨论】：