Appearance
FsCropperUploader
图片裁剪上传组件,封装了 fs-cropper fs-cropper 内部封装了cropperjs
Props
Prop name | Description | Type | Values | Default |
---|---|---|---|---|
modelValue | 初始图片 url,或者是数组 | string|object|array | - | |
img | - | - | ||
type | 上传后端类型,[form, cos, qiniu , alioss] | string | - | |
uploadTip | 上传提示 | string | - | |
title | 对话框标题 | string | - | |
cropperHeight | cropper 的高度,默认为浏览器可视窗口高度的 40%,最小 270 | string|number | - | |
dialogWidth | 对话框宽度,默认 50% | string|number | - | "50%" |
maxSize | 图片大小限制,单位 MB | number | - | 5 |
limit | 图片数量限制,0 为不限制 | number | - | 1 |
accept | 可接收的文件后缀 | string | - | ".jpg, .jpeg, .png, .gif, .webp" |
cropper | cropperjs 的参数 | object | - | |
uploader | FsUploaderXXX 的配置,会临时覆盖全局上传配置参数 | object | - | |
compressQuality | 压缩质量 | number | - | 0.8 |
buildUrl | 构建下载 url 方法,不影响提交的 value | func | - | async function (value: any) { return typeof value === "object" ? value.url : value; } |
valueType | 返回值类型 支持: [url,key,object] | string | - | "url" |
disabled | 是否禁用 | - | - |
Events
Event name | Properties | Description |
---|---|---|
update:modelValue | ||
change | ||
ready |