ReactJs - Axios - 如何获取分段文件上传进度

Question

在我的 ReactJs 应用程序中，我使用 Axios 将文件上传为 multipart/form-data。有没有办法可以跟踪文件上传的进度。

Answer 1

就是这样:

 let data = new FormData();
 data.append('foo', 'bar');
 data.append('file', document.getElementById('file').files[0]);
 let config = {
      onUploadProgress: function(progressEvent) {
              let percentCompleted = Math.round( (progressEvent.loaded * 100) / progressEvent.total );
      }
 };
 axios.put('/upload/server', data, config)
            .then(function (res) {
              output.className = 'container';
              output.innerHTML = res.data;
            })
            .catch(function (err) {
              output.className = 'container text-danger';
              output.innerHTML = err.message;
            });

希望有帮助!