Skip to content

FsFileUploader

文件上传组件 支持对应 ui 库的[x]-file-uploader 组件的配置

Props

Prop nameDescriptionTypeValuesDefault
modelValuevalue--
limit限制文件数量
当限制数量>1 时,返回值为数组
number-
sizeLimit文件大小限制,单位:字节
可以直接传一个数字,也可以传 {limit:number,tip:'自定义提示文本'}
number|object-
pixelLimit限制上传图片的像素尺寸
可以传数组会对象{ width?: number, height?: number, tip?: string } | [number, number?, string?]
PixelLimit-
buildUrl构建 url 的方法
后台返回 key 之后,将其 build 成一个可访问的 url,用于反显
如果 successHandle 返回的 object 中已包含 url,此配置将不会执行
--function() {
return (value: any) => {
return value;
};
}
buildUrls多个 value 值构建多个 url
如果 successHandle 返回的 object 中已包含 url,此方法将不会执行
--
button上传按钮配置,参考 FsButton 参数object-
listType展示模式,对应[x]-uploader 组件的 listType 参数string-
beforeUpload上传前的判断操作func-
beforeUploadRequest上传请求前的操作,可以压缩图片等
type: async (context)=>{}
func-
uploaderfs-uploader 的配置
可以覆盖全局配置里各个上传类型对应的配置
例如: {action:'xxx',bucket:'xxx',...}
object-
preview预览配置object-
valueType上传成功后从结果中取值类型
支持:[object,url,key,其他(successHandle返回的object内要有该字段,不要用'id')]
如果配置了非 url,则需要配置 buildUrl 用于反显
string-"url"
getFileName根据 value 获取文件名,用于显示在 fileList 里面--

Events

Event namePropertiesDescription
change
update:modelValue
success
exceed