图像在文件夹中成功上传。该页面呈现时不会立即显示

Question

当我上传新图像时，它不显示并给出 404 错误。所有以前的上传图像都在显示。它没有立即显示。当我关闭服务器然后重新启动它时显示。

我使用 angular 作为前端，在后端使用 multer 设置 node express 来上传图片，使用 mongodb 作为 db

我检查了所有路径都很好

我将其显示图像错误为 404 not found 并且类型图像是 text/html

 <div>
                <div class="row">
                    <div class="col sm" *ngFor="let post of usersdata.post">
                        <div class="card" style="width: 310px">
                            <img class="card-img-top" src="{{'../../../assets/img/Uploads/UserPosts/'+post.postUrl}}"  height="250"alt="Card image">
                            <div class="card-body">
                                <img class="ui  avatar image" src="{{'../../../assets/img/Uploads/Profile image/'+usersdata.img}}">
                                <span class="card-title"> <b>{{usersdata.name}}</b> </span>
                            <br><br><p class="card-text">{{post.caption}}</p>
                              <hr/>

                              <div class="ui labeled button" tabindex="0">
                                <div (click)="toggle()" [ngClass]="buttn">
                                    <i class="far fa-heart"></i> Like
                                </div> 
                                <a class="ui basic red left pointing label">
                                  {{like}}
                                </a>
                              </div>
                              <div class="ui labeled button" tabindex="0">
                                <div (click)="toggle2()" [ngClass]="buttn2">
                                    <i class="fas fa-heart-broken"></i> DisLike 
                                </div>
                                <a class="ui basic left pointing black label">
                                    {{dislike}}
                                  </a>
                              </div><br><br>
                              <button class="ui right floated basic black button"> <i class="far fa-comment fa-2x "></i></button>
                            </div>
                          </div>
                        </div>
                </div>
            </div>

Answer 1

在创建用于呈现图像的 URL 时可能会出现问题，因为您遇到的错误是 404，这意味着您通过 HTTP 请求查找的资源不存在。您可以检查正在渲染的其他图像的 URL，并与失败的图像匹配（进行必要的更改）。