如何在axios中获取onUploadProgress？

小编典典

如何在axios中获取onUploadProgress？

reactjs

我对如何使用axios上传进度事件感到有些困惑。实际上，我正在将大量文件存储到AWS
s3中。为此，如何获得上传进度？我需要这个功能onUploadProgress

目前，我的发帖请求是这样的：

export function uploadtoCdnAndSaveToDb(data) {
    return dispatch => {
        dispatch(showUnderLoader(true));
        return axios.post('/posttodb', {data:data},

        ).then((response) => {
            console.log(response.data)
        })
    }
}

阅读 1247

2020-07-22

共1个答案

小编典典

Axios存储库中有一个明确的示例，说明了如何执行此操作：https
:
//github.com/mzabriskie/axios/blob/master/examples/upload/index.html

网站摘录

使用axios发出请求时，可以传入请求配置。该请求配置的一部分是上载进度时调用的函数。

const config = {
    onUploadProgress: progressEvent => console.log(progressEvent.loaded)
}

当您使用axios发出请求时，可以传入此配置对象。

axios.put('/upload/server', data, config)

每当上传进度更改时，就会调用此函数。

只是关于您的代码的注释

我还注意到您没有充分利用ES6！

对象声明

对于这样的东西，它有一些不错的语法，例如，您定义了一个对象：{ data: data }，但是{ data }足够了。

可能需要使用带有一些掉毛规则的短绒棉，最常见的是AirBnB样式指南

2020-07-22