javascript - 文件上传 - Node Js(Express) 到 React Js。如何获取正确的图片路径?

标签 javascript node.js reactjs api express

我正在本地系统上工作并在 Node js 中开发文件上传功能。目前我的文件结构如下所示。

Project
..client
.... source code of React App
..Server
....uploads
......avatar
........image.png
....index.js

这里服务器是 Node js 代码,客户端是 React js 代码。

所以我开发了一个 API 来将图像上传到“server/uploads/avatar”。正如您所看到的,“uploads”文件夹中有一张名为“avatar.png”的图像。

我的问题是显示什么路径来访问具有完整域路径的特定图像?我想要在 API 中得到这样的结果。 例如
{头像:“http://192.168.1.100:3000/*”}。将 * 视为剩余图像路径。但我无法访问客户端的图像。我不知道这是否是正确的方法。 可能我需要在index.js 文件中设置Nodejs 的静态路径。不确定。

最佳答案

您应该在快速配置中设置静态文件夹路径,如下所示:

app.use(express.static('public'))

当然,您需要使用此名称创建新文件夹,然后您可以将所有资源放入其中,之后您将能够访问如下文件:

http://localhost:3000/kitten.jpg

关于javascript - 文件上传 - Node Js(Express) 到 React Js。如何获取正确的图片路径?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51705801/

相关文章:

javascript - Ajax数据发送格式

node.js - 在 ExtendScript 中使用 npm 包

javascript - 缺少脚本 : build - firebase deploy

reactjs - 在输入更改时 react redux 更新状态

javascript - window.setTimeout 没有读取正确的值

javascript - 使用 Jasmine 进行单元测试,模拟构造函数

javascript - 异步/等待操作发生在预期的顺序之外

javascript - react native : Android is not showing all images (even though they are the same)

reactjs - 如何配置 eslint 规则以在全局范围内忽略 react-hooks/exhaustive-deps?

javascript - 使用 Sequelize 连接到 MSSQL 服务器