antd 上传进度_antd upload 如何控制进度条 官方的例子里都没有设置onprogress 可是有的例子有进度条 有的例子却没有...

楼上正解，这是我从官方实例复制的代码，

import { Upload, Icon, message } from 'antd';

function getBase64(img, callback) {

const reader = new FileReader();

reader.addEventListener('load', () => callback(reader.result));

reader.readAsDataURL(img);

}

function beforeUpload(file) {

const isJPG = file.type === 'image/jpeg';

if (!isJPG) {

message.error('You can only upload JPG file!');

}

const isLt2M = file.size / 1024 / 1024 < 2;

if (!isLt2M) {

message.error('Image must smaller than 2MB!');

}

return isJPG && isLt2M;

}

class Avatar extends React.Component {

state = {};

handleChange = (info) => {

if (info.file.status === 'done') {

// Get this url from response in real world.

getBase64(info.file.originFileObj, imageUrl => this.setState({ imageUrl }));

}

}

render() {

const imageUrl = this.state.imageUrl;

return (

className="avatar-uploader"

name="avatar"

showUploadList={false}

action="//jsonplaceholder.typicode.com/posts/"

beforeUpload={beforeUpload}

onChange={this.handleChange}

>

{

imageUrl ?

:

}

);

}

}

ReactDOM.render(, mountNode);