reactjs - 如何在反应组件中引用存储在 mongodb 上的文件路径?
问题描述
我有一个具有属性 avatarImage 的 mongodb 文档,它看起来像这样:
{
...,
"avatarImage": "uploads/584563-jean.jpg",
...
}
然后在 App.js 组件中,我获取此对象并使用存储在 avatarImage 中的路径作为图像源,如下所示:
<img src={`http://localhost:8080/${profileImage}`} />
profileImage
是一个使用 avatarImage 值初始化的状态变量。
但图像根本不显示。上传文件夹在root/uploads
解决方案
推荐阅读
- javascript - 如何在 JavaScript 中使用 CDK 将资源策略添加到现有 S3 存储桶?
- c# - WPF 中的井字游戏 GUI
- jquery - Jquery - 查找包含具有给定文本值的特定类的类的 div
- angular - 取消订阅 location.onUrlChange()
- c++ - C++ 结构冒泡排序
- sas - SAS:数据集合并并打印出完整的变量列表,但找不到供将来使用的变量
- sql - SQL 子查询:显示购买了两件商品的 Customer_ID
- mysql - 在sql中合并具有不同行数的2个不同列后,如何使重复值变为null?
- r - 在 R Markdown 中,如何使用超链接创建对引用的引用?
- javascript - 如何检查作为字符串带来的变量是否是 Javascript 中的数字或字母?