当前位置: 首页 > 文档资料 > Pile.js 中文文档 >

Upload 上传

优质
小牛编辑
134浏览
2023-12-01

定义

上传组件。

图片展示

代码演示


import Upload from 'pile/dist/components/upload'
const  { UploadImage, UploadImageArray } = Upload;
// 单张图片上传
<UploadImage onLoadSuccess={(o) => { console.log(o); }} />
// 多张图片上传(默认5张图片,数量可自定义)
<UploadImageArray
  imageArray={[{ imgURI: 'http://pic34.photophoto.cn/20150119/0037037559894573_b.jpg' }]}
  onLoadSuccess={(o) => { console.log(o); }}
/>
// 单张图片上传(按钮态)
<UploadImage
  className="ui-uploadImage-btn"
  onLoadSuccess={(o) => { this.setState({ pic: o.blob.imgURI }); }}
  pictureView={false}
  plusDesc="上传按钮"
/>

UploadImage与UploadImageArray 共有属性

参数描述数据类型默认值
plusDesc图片上传文字提示node
imgURI弹层展示方向(top、bottom、left、right、topLeft)string
imageQuality压缩图片的质量 0.1 - 1number0.8
onLoadSuccess成功上传时回调func
onLoadError上传失败回调func
pictureView是否开启图片点击上传(非按钮状态)booltrue


UploadImageArray 特有属性

参数描述数据类型默认值
imageMaxWidth图片展示最大宽度number600
imageMaxLen图片上传最大个数number5
imageArray图片默认展示arraynull