0

你好亲爱的开发者,

我使用 ant design 应用程序模板作为前端,使用 graphql api 作为后端,我遇到了一种情况,我想获取帖子列表,后端一切正常,API 返回帖子及其图像小路。
要了解更多,images path are save on database, and the images itself are stored in local folder.

现在,我不知道如何使用我在获取帖子时检索到的路径加载这些图像。

我试过谷歌,但没有类似的情况,我在 gethub 上发现了一个问题,但它正在谈论通过使用显示单个图像import image from folder and then put it inside img tag,这不是我的情况。

我知道有另一种方法是将我的后端部署在 Web 服务器上,然后直接访问存储的图像,但这对我来说并不理想。

ps:“我是新手”

谢谢你们,

4

1 回答 1

3

有几种不同的方法:

1) 公共文件夹

当您启动一个 React 应用程序时,在您的文件夹结构中,您会找到一个“公共”文件夹。例如,此文件夹还包含网站图标。当您将图像放在那里时,您可以通过

<img src="/imagename.jpg" />

在您的数据库中,您将需要存储路径“/imagename.jpg”以访问它们。

如果要在“public”文件夹中创建子文件夹,src 属性中的路径也需要更改。示例:- public -- assets --- avatar.jpg

<img src="/assets/avatar.jpg" />

2)S3(或一些类似的服务)

将它们上传到 Amazon S3 并存储该路径。这可以手动完成,也可以让您的 API 处理。这样,您可以只提供 img-tag 的绝对路径。

3) 自己的网络服务器

在上传图像时将它们上传到您自己的网络服务器。

备注:如果不使用其他网络服务器,则无法从项目文件夹之外的本地文件夹中检索文件。

于 2020-01-09T13:27:16.573 回答