ReactJs-Axios-如何获取多部分文件上载进度

Question

在我的ReactJs应用程序中，我使用Axios将文件上传为多部分/表单数据。有什么方法可以让我追踪文件上传的进度？

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;
            });