在React中上传文件时显示进度栏

Question

我正在使用node js multer包将文件上传到服务器。在React中，我想在上传文件时显示进度栏。我在google上搜索该包，甚至在堆栈溢出时找到它。但是找不到适合我的软件包。

任何人都可以告诉我显示进度，上载多少文件的软件包。

Answer 1

检查一下：

1. react-fileupload-progress
2. react-sweet-progress
3. 或其他任何进度条

如果问题是要从后端取得进展的话：

1. 您可以使用XMLHttpRequest跟踪您在NodeJS上的进度，使用eventListener
2. 打开一个套接字并从eventListener传输进度消息，并在客户端显示它们

推荐人：https://blog.fossasia.org/file-upload-progress-in-a-node-app-using-socket-io/