1.1.9 • Published 3 years ago
virsical-cropper v1.1.9
使用方法
npm install virsical-cropper
// or
yarn add virsical-cropper
import Cropper from 'virsical-cropper';
import 'virsical-cropper/lib/main.min.css';
<div>
<Cropper btnText={'选择照片'} />
</div>
参数:
btnText
选择照片按钮文字type: string | 默认值: '选择照片'
infoText
提示信息文字type: string || reactNode | 默认值: '上传照片用于人脸识别开门或者签到'
uploadText
上传提示信息文字type: string | 默认值: '正在上传'
errorText
超出上传大小提示信息文字type: string | 默认值: '上传大小不能超过 10M'
maxSize
最大上传文件大小type: number | 默认值: 10(M)
accept
支持上传图片格式type: string | 默认值: '.jpg, .jpeg, .png'
imgSrc
默认显示图片地址type: string | 默认值: ''
onChange
获取返回结果方法;参数为返回值 type: function | 默认值: (e)=>{console.log(e)}
btnBackText
返回按钮文字type: string | 默认值: '返回'
btnConfirmText
确认按钮文字type: string | 默认值: '确认'
isMobile
是否为移动端type: boolean | 默认值: false
loadingHandle
图片上传回调type: function | 默认值: 无
loadingHandle(state){}
state 为 boolean,true 为正在上传,false 为结束上传
使用者在此方法里面,根据 PC 或者 App 调用正在上传组件,显示内容自己做国际化即可
maxSizeErrorHandle
图片超最大 size 回调type: function | 默认值: 无 需配合 maxSize 一起使用
maxSizeErrorHandle(size){}
size 为图片最大值,不能超过
使用者在此方法里面,根据 PC 或者 App 调用正错误提示组件,显示内容自己做国际化即可
needRotate<!-- slide -->
是否需要旋转type: boolean | 默认值: true
compress
图片压缩参数;参考地址type: object | 默认值:
{
convertSize: 10000,
}
toDataURLtype
最终转换图片格式;参考地址type: string | 默认值: 'image/jpeg'
minCropBoxWidth
参考地址type: number | 默认值: 300
minCropBoxHeight
参考地址type: number | 默认值: 300
width
参考地址type: number | 默认值: 300
height
参考地址type: number | 默认值: 300
cropperAngle
默认进行旋转; type: boolean | 默认值: false
1.1.9
3 years ago
1.1.8
3 years ago
1.1.7
3 years ago
1.1.6
3 years ago
1.1.5
4 years ago
1.1.4
4 years ago
1.1.3
4 years ago
1.1.1
4 years ago
1.1.2
4 years ago
1.0.48
4 years ago
1.0.47
4 years ago
1.0.46
4 years ago
1.0.45
4 years ago
1.0.44
4 years ago
1.0.43
4 years ago
1.0.42
4 years ago
1.0.40
4 years ago
1.0.41
4 years ago
1.0.39
4 years ago
1.0.38
4 years ago
1.0.37
4 years ago
1.0.36
4 years ago
1.0.35
4 years ago
1.0.34
4 years ago
1.0.33
4 years ago
1.0.32
4 years ago
1.0.31
4 years ago
1.0.30
4 years ago
1.0.26
4 years ago
1.0.29
4 years ago
1.0.28
4 years ago
1.0.27
4 years ago
1.0.25
4 years ago
1.0.24
4 years ago
1.0.22
4 years ago
1.0.21
4 years ago
1.0.20
4 years ago
1.0.23
4 years ago
1.0.19
4 years ago
1.0.18
4 years ago
1.0.17
4 years ago
1.0.16
4 years ago
1.0.15
4 years ago
1.0.14
4 years ago
1.0.13
4 years ago
1.0.12
4 years ago
1.0.11
4 years ago
1.0.10
4 years ago
1.0.9
4 years ago
1.0.8
4 years ago
1.0.7
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago