使用antd-pro组件 实现图片上传和图片编辑

1.ProFormUploadButton与 upload 相同。预设了 Button 的样式，其他与 Upload 相同。

1.引入上传组件
import ProForm, {ProFormUploadButton} from '@ant-design/pro-form';

2.组件内容
 		<ProFormUploadButton
                label="图片"
                max={1}
                name="pic"
                fieldProps={{
                  ...Upload,
                }}
              />

 3.imgUpload箭头函数
  const Upload = {
  	//数量
    maxCount: 1,
    accept: "image/*",
    customRequest: (options) => {
      const { onSuccess, onError, file, } = options;
      var formData = new FormData();
      formData.append('file', file);
      // /upload为图片上传的地址，后台只需要一个图片的path
      // name，path，status是组件上传需要的格式需要自己去拼接
      request('/upload',{method: 'POST',data: formData}).then((data) => {
          const _response = { name: file.name, status: "done",path: data.path  };
          //请求成功后把file赋值上去
          onSuccess(_response, file);
      }).catch(onError);
    },
  }