尝试使用javascript显示带有url的图像时发生firebase服务器错误

我使用firebase数据库和firebase存储。在实时数据库中，我存储了存储器中图像的下载url。现在我想用javascript显示图片

我在查询数据库时从数据库中获取url。但是，当我尝试显示图像时，会收到一条错误消息：

加载资源失败：服务器响应状态为404（）

这是到目前为止我的javascript代码：

  function getShoeFromRow(id) {
    database.ref('shoes/'+ id).once('value').then(function(snapshot) {
    .
    .
    .
    console.log(snapshot.val().sneakerImage);
    
    var imgurl = snapshot.val().sneakerImage;
    document.getElementById('updPreviewImg').src = imgurl;
});

}

HTML代码：

<div class="update-image" id="shoeUpdateImage">
     <div class="update-image-preview" id="updateImagePreview">
     <img src="" id="updPreviewImg" alt="Image Preview" class="update-image-preview__image">
     <span class="update-image-preview__default-text">Image Preview</span>
</div>
<input type="file" name="updateInpFile" id="updateInpFile"></div>

 <script src="https://www.gstatic.com/firebasejs/7.22.1/firebase-database.js"></script>
 <script src="https://www.gstatic.com/firebasejs/7.22.1/firebase-storage.js"></script>

图片预览