javascript – 如何在axios中获取onUploadProgress?

我有点困惑,如何上传进展evt与axios.Actually我存储巨大的数字文件到aws S3.为了如何获得上传进度我需要这个函数onUploadProgress

目前我的帖子请求是这样的

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

        ).then((response) => {
            console.log(response.data)
        })
    }
}
最佳答案
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}就足够了.

单个参数函数的括号

如果你正在创建一个“Fat Arrow函数”,如果只有一个,你就不需要在函数参数周围使用括号,即

(arg) => console.log('hello');

是相同的

arg => console.log('hello');

我看到你在语法中使用了两者.我的建议是坚持一个.使用带有一些掉毛规则的短绒可能是值得的,最常见的是AirBnB style guide

转载注明原文:javascript – 如何在axios中获取onUploadProgress? - 代码日志