【问题标题】：How to insert images into SQL database from a form in React.js?如何从 React.js 中的表单将图像插入 SQL 数据库？
【发布时间】：2022-12-03 07:33:28
【问题描述】：
我有一个抽认卡应用程序，它还允许用户创建自己的抽认卡以便稍后访问它们进行练习。我通过将用户的响应从表单发送到后端 python 路由来实现这一点，在该路由中，这些值被发送到数据库中。然后从数据库中提取这些值并显示在抽认卡上供用户练习。我正在尝试更进一步并使其与图像一起使用。我对需要将哪些数据存储在数据库中以便稍后显示感到困惑。我可以成功地将图像名称作为字符串发送到后端路由并将其存储到数据库中，但我不知道如何在只有图像名称的情况下显示数据库中的图像。任何帮助，将不胜感激。谢谢
【问题讨论】：
标签：
python
sql
reactjs
image-processing
【解决方案1】：
要将图像从 React.js 中的表单插入 SQL 数据库，您需要先将图像转换为可以存储在 SQL 数据库中的二进制格式（例如字节数组）。这可以使用 JavaScript 中的 FileReader API 来完成。
获得图像的二进制数据后，您可以使用 Node.js 中的 sqlite3 包等库连接到 SQL 数据库，并将图像数据插入到具有能够存储二进制数据的列的表中（例如作为 BLOB 或 BINARY 列类型）。
当您以后想要显示图像时，您可以从数据库中检索二进制数据并将其转换回可以使用 FileReader API 在网页中显示的图像格式。