Ant Upload 实现自定义上传(点保存之后再上传)

function getBase64(file: any) {
    return new Promise((resolve, reject) => {
        const reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = () => resolve(reader.result);
        reader.onerror = error => reject(error);
    });
}

  handlePreview = async (file: any) => {
        const { values } = this.props;
        if (!file.url && !file.preview) {
            file.preview = await getBase64(file.originFileObj);
        }

        this.setState({
            previewImage: file.url || file.preview,
            previewVisible: true,
            previewTitle: file.name || values?.name || ' ',
        });
    };

			<Upload
              //样式
              className={styles['override-ant-btn']}
              //陈列样式，现在是卡片式
              listType="picture-card"
              //再图片上传到页面后执行的函数，自定义让他不执行 !important
              beforeUpload={() => false} 
              //数据，即图片，是一个数组
              fileList={fileList}
              //当点击查看时调用（上图的那个眼睛）
              onPreview={this.handlePreview}
              //数据改变时调用
              onChange={this.handleChange}
            >
              //当不少于一张图时，不显示怎加图片的按钮。
              {fileList.length >= 1 ? null : uploadButton}
            </Upload>