beforeCrop校验没有通过，但是依旧上传成功，觉得不对，但是，我不能肯定，是不是我用不对？

[qidasheng369]

代码如下

<ImgCrop
    zoomSlider={false}
    quality={0.8}
    modalClassName="customModal"
    modalTitle={chooseAvatar}
    modalCancel={uploadAgain}
    beforeCrop={beforeUpload}
>
    <Upload
        name="file"
        accept="image/png,image/jpeg"
        action={`${UPLOAD_URL}`}
        headers={{
            'X-Token': getAccessToken(),
        }}
        showUploadList={false}
        // beforeUpload={beforeUpload}
        onChange={onChange}
    >
        <Button type="primary" style={{ width: 160, height: 40 }}>
            {uploadAvatar}
        </Button>
    </Upload>
</ImgCrop>

我起初时没有加，Upload的beforeUpload，然后校验图片的大小，不通过，但是依旧会触发上传接口。
我查看了源码EasyCrop.tsx文件

const result = await cb.current.beforeCrop(file, fileList);
if (result === false) {
    return runBeforeUpload({ beforeUpload, file, resolve, reject }); // not open modal
}

beforeCrop校验不通过的时候，依旧使用runBeforeUpload处理了文件。
runBeforeUpload方法中会判断Upload的beforeUpload方法是否存在，然后决定是否resolve文件。

const rawFile = file as unknown as File;

if (typeof beforeUpload !== 'function') {
  resolve(rawFile);
  return;
}

起初我是没有传Upload的beforeUpload校验文件的。然后就出现了没有打开裁剪弹窗依旧上传了文件

现在是在Upload组件添加了beforeUpload方法可以解决。

[nanxiaobei]

beforeCrop 只负责打不打开弹窗，不负责通不通过验证
#274