Upload上传

author: 闫申申

定义

上传组件。

图片展示

Upload 上传 - 图1

代码演示

  2. import Upload from 'pile/dist/components/upload'
  3. const  { UploadImage, UploadImageArray } = Upload;
  5. // 单张图片上传
  6. <UploadImage onLoadSuccess={(o) => { console.log(o); }} />
  8. // 多张图片上传（默认5张图片，数量可自定义）
  9. <UploadImageArray
  10.   imageArray={[{ imgURI: 'http://pic34.photophoto.cn/20150119/0037037559894573_b.jpg' }]}
  11.   onLoadSuccess={(o) => { console.log(o); }}
  12. />
  14. // 单张图片上传(按钮态)
  15. <UploadImage
  16.   className="ui-uploadImage-btn"
  17.   onLoadSuccess={(o) => { this.setState({ pic: o.blob.imgURI }); }}
  18.   pictureView={false}
  19.   plusDesc="上传按钮"
  20. />

UploadImage与UploadImageArray 共有属性

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

UploadImageArray 特有属性

参数 描述 数据类型 默认值
imageMaxWidth 图片展示最大宽度 number 600
imageMaxLen 图片上传最大个数 number 5
imageArray 图片默认展示 array null

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-upload.html