如何使用 React JS 在前端显示图像 N-D 数组答案

【问题标题】：How to display image N-D array in front end using React JS如何使用 React JS 在前端显示图像 N-D 数组
【发布时间】：2021-11-05 14:09:29
【问题描述】：

我正在做一个项目，我的后端代码是用 python 编写的，输出生成的 n-d 数组只是图像。我通常需要使用 React JS 在前端渲染这些图像。请注意，我有很多图像数据并将其保存为文件不能成为可扩展的解决方案。我需要将其直接处理到前端。这可能吗？

数据示例：

[[[0 0 0...79 29 30]
  [0 0 0...97 22 20]
  [0 0 0...74 25 0]]]

我需要将此数据发送到前端进程并显示图像。

【问题讨论】：

【解决方案1】：

一种选择是将数组保存为图像文件，然后通过 React 显示该图像文件。

【讨论】：

【解决方案2】：

最简单的方法是以图像文件格式存储您的image_array。然后您可以使用通过 Django 后端的媒体文件配置的图像 URL 显示它们，然后您可以通过在前端获取请求来非常轻松地获取 URL。

本文发给Covert Array into ImageFile也可以帮助你将 image_array 转换为 Images

Managing files 来自 Django 文档

【讨论】：