antd 上传进度_基于antd的上传文件进度条

最新新搭了一个控制台，是基于阿里antd框架搭建的，总体上来讲，antd从UI交互和组件的api上来看，还都是很好的框架了，不过还是踩了不少坑的，哈哈，后面慢慢整理出来。

这里碰到的情况是，有个上传大文件的需求，需要在前端展示出上传的进度，刚接到需求的时候，我想到的方法是，由server端动态返回上传进度的百分比，前端一直不停的调用这个接口就行了，后来百度了下，发现前端自己就可以实现这个需求，是通过原生XMLHttpRequest实现的，整理了下核心代码

//通过前端原生XMLHttpRequest动态获取上传文件进度

doTransferFile = (file) => {

let mySelf = this;

let formData = new FormData();

let url = "http://xxx:444/upload_file.php";

let file = document.getElementById("chooseFile").files[0];

console.log(file)

formData.append("file",file);

// console.log(modal);

// console.log(formData);

// return false;

/* eslint-disable */

$.ajax({

url : url,

type : 'POST',

enc