@epeejs/antd-img-crop

antd-img-crop

图片裁切工具，用于 Ant Design Upload 组件。

fork from nanxiaobei/antd-img-crop

进行了如下改动

• beforeCrop：返回 false 时，仍然会进行文件上传
• quality：图片质量默认值修改为 0.8
• 新增 beforeUpload 方法，补充 beforeCrop 不能拦截上传能力
• 不需要单独导入样式文件（已经按需加载）
• 使用 ts 编写

现在上传流程变为 beforeUpload（Crop）-> beforeCrop（Crop）-> beforeUpload（Antd Upload），其中 beforeCrop 只控制是否裁剪，beforeUpload 返回 false 则会终止后面流程

beforeCrop 改动可以支持例如对 gif 图片不裁剪等功能

<ImgCrop beforeCrop={(file) => !file.type.includes('gif')}>
  <Upload />
</ImgCrop>

antd-img-crop 是返回 false 则不裁剪，也不会继续上传，如果需要实现原有功能，使用 antd Upload 组件的 beforeUpload 函数

安装

yarn add @epeejs/antd-img-crop

使用

import ImgCrop from '@epeejs/antd-img-crop';
import { Upload } from 'antd';

const Demo = () => (
  <ImgCrop>
    <Upload>+ Add image</Upload>
  </ImgCrop>
);

Props