javascript - 上传多张图片时如何获得响应

Question

当我上传多个图像时，我一直在努力获得响应。API 应该向我发送一些响应。（但是，在上传单个图像时，我得到了一个有效的响应。）这是代码：

fileChangedHandler = (event) => {
    const {files} = this.state
    this.setState({ files: [...files, ...event.target.files] })
    const uploaders = files.map(file=>{
        let data = new FormData()
        data.append('image',file)
        return  axios.post('/web/v1.0/upload',data,{
            onUploadProgress: function (progressEvent) {
              console.log(Math.floor((progressEvent.loaded * 100) / progressEvent.total));}
            }).then(response=>{
            console.log(response.data)
        }).catch(error=>{
            console.log(error.response.data)
        })
    })
    axios.all(uploaders).then(() => {

        console.log("All images uploaded")
      });
  } 

我只是在控制台中获得“所有图片上传”。

标签： javascriptreactjsimage-uploading

Answer 1

尝试在回调中放置一个响应变量。

axios.all(uploaders).then((response) => {

 console.log("All images uploaded", response)

});

理想情况下，response应该是一个字符串数组。