Skip to content

FsCropperUploader

图片裁剪上传组件,封装了 fs-cropper fs-cropper 内部封装了cropperjs

Props

Prop nameDescriptionTypeValuesDefault
modelValue初始图片 url,或者是数组string|object|array-
img--
type上传后端类型,[form, cos, qiniu , alioss]string-
uploadTip上传提示string-
title对话框标题string-
cropperHeightcropper 的高度,默认为浏览器可视窗口高度的 40%,最小 270string|number-
dialogWidth对话框宽度,默认 50%string|number-"50%"
maxSize图片大小限制,单位 MBnumber-5
limit图片数量限制,0 为不限制number-1
accept可接收的文件后缀string-".jpg, .jpeg, .png, .gif, .webp"
croppercropperjs 的参数object-
uploaderFsUploaderXXX 的配置,会临时覆盖全局上传配置参数object-
compressQuality压缩质量number-0.8
buildUrl构建下载 url 方法,不影响提交的 valuefunc-async function (value: any) {
return typeof value === "object" ? value.url : value;
}
valueType返回值类型
支持:[url,key,object]
string-"url"
disabled是否禁用--

Events

Event namePropertiesDescription
update:modelValue
change
ready