首页 > 解决方案 > 如何在反应组件中引用存储在 mongodb 上的文件路径?

问题描述

我有一个具有属性 avatarImage 的 mongodb 文档,它看起来像这样:

{
    ...,
    "avatarImage": "uploads/584563-jean.jpg",
    ...
}

然后在 App.js 组件中,我获取此对象并使用存储在 avatarImage 中的路径作为图像源,如下所示:

<img src={`http://localhost:8080/${profileImage}`} />

profileImage是一个使用 avatarImage 值初始化的状态变量。

但图像根本不显示。上传文件夹在root/uploads

标签: reactjsmongodbmulter

解决方案


推荐阅读