node.js - 如何从另一个位置访问图像以创建反应应用程序？

Question

在使用 Create React App 时，如何从我的工作目录以外的计算机中的其他位置访问图像。我不确定我是否必须弹出，但主要问题是我将所有基于录制的动态图像（数千张）上传到公用文件夹。但是，这会导致浏览器不断重新加载。我不知道如何关闭热重载模块。不确定最好的选择是什么。问题是成千上万的图像存储在公用文件夹中，导致浏览器一遍又一遍地刷新。

标签： node.jsreactjscreate-react-app

Answer 1

根据设计，您的静态目录之外的图像将无法直接通过 HTTP 服务器获得。您必须让服务器为您处理获取这些文件。

我已经通过使用 Node.JS FileSystem API 来获取图像文件来做到这一点。然后，我使用datauri 之类的模块将图像转换为 Data URI ，并使用 API 将 Data URI 字符串发送到客户端。然后客户端可以将图像的数据 URI 放在 IMG 或 CANVAS 标记中。

对于 API，我通过 Socket.IO 和使用apollo-server和apollo-react的 GraphQL 查询将这种模式与 Express 路由一起使用。