如何获取Firestore图片URL并正确渲染至img标签中正常展示

修复方案 #

你需要调整两处代码即可解决问题：

1. 调整HTML代码 #

当前img标签没有设置对应绑定的id，且src属性写死为字符串tabOneImage，修改后的代码如下：

<img class="article-img"
     id="tabOneImage"
     src=""
     alt=" " />

2. 调整JS代码 #

img是单标签元素，使用innerText赋值无法修改图片链接，你需要替换为修改src属性：
将原有JS代码中的这一行：

document.getElementById("tabOneImage").innerText = TabOneImage;

替换为：

document.getElementById("tabOneImage").src = TabOneImage;

修改完成后如果仍无法加载图片，可以在控制台打印TabOneImage的取值，确认存储的URL本身可以正常访问，同时确认图片资源没有访问权限限制。

内容的提问来源于stack exchange，提问作者Brady