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

时间:2018-10-04 02:16:47

标签: node.js angular mongodb

我已经在网站上创建了一个图片上传器,并将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>

其余代码与存储图像的指南相似。

如果有一种方法可以在URL进入MongoDB之前对其进行修改,或者消除C:\\ fakepath \\并将其末尾附加到存储图像的./upload/文件夹中,则该方法应为好。我也尝试过仅使用{{post.image}}语法并获得相同的结果。

1 个答案:

答案 0 :(得分:0)

  

如果您确实收到数据,请检查网络通话   (发布和网址)。

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

  

从该错误看来,帖子没有价值。或者您正在访问它   错误的方法。检查帖子是否为yourCtrl.post或其他内容。