Javascript 在react js中上载文件

我有一个按钮

上传文件

。一旦用户点击它，他应该能够通过操作系统菜单选择文件，并在html标记的文本区域显示内容

我已经尝试了node.js“fs”模块。但我希望用户在UI中选择类型和文件名

我将如何在React Js或简单Javascript中实现此功能（React Js也使用.Js文件）

---

我特别想获取.json文件，因此类型是.json

有几种方法可以做到这一点。我不是100%确定你的用例是什么，但在我看来，如果你在做某种前端系统/图像处理的事情，你可以将图像加载到js内存中吗？或者浏览器存储为base64编码图像

---

否则，如果这是一个普通的应用程序，该图像上传后需要保存在数据库中，则您需要将其发布到某个端点。您可以查看这样的库，它也有一个

阅读本文以了解它：。这里解释得很好。另外，请参阅此拖放/上载。您还可以使用一些易于安装的npm，因为它混合了客户端和服务器端代码的概念。坦白地说，在继续之前，您需要投入更多的时间来学习至少一些web开发和应用程序的基础知识。一旦通过菜单选择了文件，我就必须阅读文件的内容。