首页 > 解决方案 > 在 React js 中显示本地图像并将其保存到数据库中

问题描述

我正在使用 react.js 开发一个博客网站,用户可以在其中发布和评论......
所以我们知道用户可以用图像发表评论,假设他想上传存储在他机器中的本地图像,我想要将该图像显示为评论并将其保存到我正在使用的 postgres 数据库中。
我的问题是我应该遵循哪些步骤来实现我的目的,在此先感谢。

标签: reactjspostgresql

解决方案


如果您必须通过简单的步骤进行操作,您可以将图像保存为 base64,它只是图像的字符串表示。所以它可以直接保存在数据库中,当你必须显示它时,只需解码字符串并相应地显示它。
References :-

  1. https://github.com/dankogai/js-base64#readme
  2. https://scotch.io/tutorials/how-to-encode-and-decode-strings-with-base64-in-javascript

或者,当用户选择图像时,您可以做什么,然后将该图像上传到您的服务器并获取该图像的路径(多部分文件上传),然后从路径中您可以将其显示在您想要显示的位置。
References :-

如何从 React.js 发送带有图像的 multipart/form-data?

希望对你有帮助,谢谢:)


推荐阅读