React - 静态图像有时导入图像路径，有时作为 base64
React - static images sometimes importing image path, sometimes as base64
我正在尝试导入图像路径并将它们存储到 redux 存储中。
我注意到在导入图片时，它似乎随机导入该图片的路径或 base64 数据。
有人可以解释是什么导致了这种行为，以及如何让它只导入图像路径（比如 img_1 和 img_2）
图像 3 和 4 总是 base64 吗？如果是这样，它们很可能是 base64 编码的文件，但命名为 task-manager-3.png 和 task-manager-4.png。至少那是我的第一个想法。手头的信息很难说。
如果使用 linux 尝试 file task-manager-3.png 并将其输出与 file task-manager-1.png 进行比较。如果第一个报告类似：
myfile.png: ASCII text, with very long lines
这更有可能是经过 base64 编码并使用 PNG 扩展名保存的图像。 PNG 文件应该 return 类似于：
filename.png: PNG image data, 1731 x 458, 8-bit/color RGBA, non-interlaced
要将 base64 编码文件解码回实际的 PNG，您可以使用在线解码器，例如 https://www.base64decode.net/base64-image-decoder
你应该检查文件大小，如果文件大小大于8192字节，那么它将作为路径导入，否则webpack将对其进行编码。
参考文献：
我正在尝试导入图像路径并将它们存储到 redux 存储中。
我注意到在导入图片时，它似乎随机导入该图片的路径或 base64 数据。
有人可以解释是什么导致了这种行为，以及如何让它只导入图像路径（比如 img_1 和 img_2）
图像 3 和 4 总是 base64 吗？如果是这样，它们很可能是 base64 编码的文件，但命名为 task-manager-3.png 和 task-manager-4.png。至少那是我的第一个想法。手头的信息很难说。
如果使用 linux 尝试 file task-manager-3.png 并将其输出与 file task-manager-1.png 进行比较。如果第一个报告类似：
myfile.png: ASCII text, with very long lines
这更有可能是经过 base64 编码并使用 PNG 扩展名保存的图像。 PNG 文件应该 return 类似于：
filename.png: PNG image data, 1731 x 458, 8-bit/color RGBA, non-interlaced
要将 base64 编码文件解码回实际的 PNG，您可以使用在线解码器，例如 https://www.base64decode.net/base64-image-decoder
你应该检查文件大小，如果文件大小大于8192字节，那么它将作为路径导入，否则webpack将对其进行编码。
参考文献：