我通过连接到mongodb来保存图像路径和文件名,并尝试检索所有图像
<tr *ngFor="let imagedetails of fileService.images">
<td><img [src]="imagedetails.filename" style="width:200px;height:150px"></td>
</tr>
这是nodejs的后端
module.exports.showImages = (req, res, next) => {
File.find({$or: [{mimeType: 'image/png'}, {mimeType: 'image/jpeg'}]}, (err, doc) => {
if (!err) { res.send(doc) }
else { return next(err) }
})
}
这是我的打字稿
refreshImage() {
this.fileService.getImages().subscribe((res) => {
this.fileService.images = res as Files[];
})
}
图像不会加载,当我对代码进行一些更改时,它将在编译后显示。编译时会正常工作