Uploading is the process of publishing information (web pages, text, pictures, video, etc.) to a remote server via a web page or upload tool.
When you need to upload one or more files.
When you need to show the process of uploading.
When you need to upload files by dragging and dropping.

Classic mode. File selection dialog pops up when upload button is clicked.

Click to upload user's avatar, and validate size and format of picture with beforeUpload.

Use defaultFileList for uploaded files when page init.

After users upload picture, the thumbnail will be shown in list. The upload button will disappear when count meets limitation.

You can gain full control over filelist by configuring fileList. You can accomplish all kinds of customed functions. The following shows two circumstances:

1. limit the number of uploaded files.

2. read from response and show file link.

You can drag files to a specific area, to upload. Alternatively, you can also upload by selecting.

We can upload serveral files at once in modern browsers by giving the input the multiple attribute.

You can select and upload a whole directory.

beforeUpload only prevent upload behavior when return false or reject promise, the prevented file would still show in file list. Here is the example you can keep prevented files out of list by using onChange.

Upload files manually after beforeUpload returns false.

Use Aliyun OSS upload example.

If uploaded file is a picture, the thumbnail can be shown. IE8/9 do not support local thumbnail show. Please use thumbUrl instead.

Use antd-img-crop to crop image before uploading.

Use transformFile for transform file before request such as add a watermark.

Use showUploadList for custom action icons of files.