使用 NodeJS 和 Angular6 在 MongoDB 的后台 URL 中显示图像

Question

我在我的网站上创建了一个图片上传器，并将 URL 存储在我的 MongoDB 中。我使用本指南创建了我的图片上传器：https://appdividend.com/2018/05/25/angular-6-file-upload-tutorial/ 但是，当文件存储在我的 MongoDB 表中时，它是一个 C:\\fakepath\\ url。当我尝试通过 ngStyle 在背景图像 url 字段中显示 url 时，我得到了响应：

Cannot read property 'image' of undefined

这是我的 .html 页面代码：

<div class="jumbotron" [ngStyle]="{ 'background-image': 'url(' + post.image + ')'}"></div>

其余代码遵循图像存储指南。

如果有办法在 MongoDB 中修改 url 或消除 C:\\fakepath\\ 并将结尾附加到存储图像的 ./upload/ 文件夹中出色地。我也尝试过使用 {{post.image}} 语法并收到相同的结果。

Answer 1

如果您真的收到数据，请检查网络调用 （帖子和网址）来自后端。

如果您要检查将后端响应分配给变量 post 的逻辑。

从错误来看，帖子似乎没有价值。或者你访问它 错误的方法。检查帖子是否为yourCtrl.post 或其他内容。