使用Progress React上传文件

Question

我正在尝试上传文件，并在组件的状态下将文件保存为file.originFileObj，我希望我的输出类似于上传文件时应该显示的进度

​

​

并且在选择之后上传文件时

​

​

我已经使用了antd上传，但它没有提供轮次和文件大小状态和那种百分比，我也尝试了简单的超文本标记语言输入标签，但它也不工作，我接近要求的last thing是上传文件到某个网址并显示该进度，但我需要保存在我的状态和上传状态显示，如图片2所示

Answer 1

向api请求添加选项

    const options = {
        onUploadProgress: (progressEvent) => {
            const {loaded, total} = progressEvent
            let percent = Math.floor(loaded * 100 / total)
            this.setState({
                uploadPercentage: percent
            })
        },
    }