Upload 图片上传
介绍
图片上传组件,用于选择图片
用法
普通
<OsUpload
onChange={(file, operationType, index) =>
onChange(file, operationType, index)
}
onFail={(data) => onFail(data)}
></OsUpload>
API
属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
files | 初始图片列表,可选 | ImageFile[] | |
max | 最大数量,可选 | number | 99 |
multiple | 开始多张传输,可选,multiple 属性在未来版本中将被删除,请使用max 代替 | boolean | true |
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
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
path | string | 是 | 本地临时文件路径 |
size | number | 是 | 本地临时文件大小,单位 B |
type | string | 否 | 文件的 MIME 类型, API 支持度: h5 |
originalFileObj | File | 否 | 原始的浏览器 File 对象, API 支持度: h5 |