跳到主要内容

Upload 图片上传

介绍

图片上传组件,用于选择图片

用法

普通

<OsUpload
onChange={(file, operationType, index) =>
onChange(file, operationType, index)
}
onFail={(data) => onFail(data)}
></OsUpload>

API

属性

参数说明类型默认值
files初始图片列表,可选ImageFile[]
max最大数量,可选number99
multiple开始多张传输,可选,multiple属性在未来版本中将被删除,请使用max代替booleantrue
customStyle自定义样式,可选CSSProperties-
className自定义类名,可选string-

方法

函数名说明参数
onChange上传成功回调(此时可自行将图片上传至服务器)(files: ImageFile[], operationType: string, index: number) => void(注:index 在 operationType 为 remove 时有效
onImageClick图片列表点击回调(index: number, file: ImageFile) => void
onFail上传失败触发(err: TaroGeneral.CallbackResult) => void

ImageFile

参数类型必填说明
pathstring本地临时文件路径
sizenumber本地临时文件大小,单位 B
typestring文件的 MIME 类型, API 支持度: h5
originalFileObjFile原始的浏览器 File 对象, API 支持度: h5