我对如何使用axios上传进度事件感到有些困惑。实际上,我正在将大量文件存储到AWS s3中。为此,如何获得上传进度?我需要这个功能onUploadProgress
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 }足够了。
{ data: data }
{ data }
可能需要使用带有一些掉毛规则的短绒棉,最常见的是AirBnB样式指南