提交 6507272a authored 作者: 张浩's avatar 张浩

修改上传组件参数

上级 0c43ce8c
...@@ -104,8 +104,8 @@ class Upload extends Component { ...@@ -104,8 +104,8 @@ class Upload extends Component {
if (this.state.files.length === this.state.urlList.length) { if (this.state.files.length === this.state.urlList.length) {
Toast.hide() Toast.hide()
loadingCount = 0; loadingCount = 0;
const {handleSubmit}=this.props; const {handleSubmit,labelId=''}=this.props;
handleSubmit(this.state.urlList) // 把后端返回url传给父组件 handleSubmit(this.state.urlList,labelId) // 把后端返回url传给父组件
} }
}) })
}) })
...@@ -123,8 +123,8 @@ class Upload extends Component { ...@@ -123,8 +123,8 @@ class Upload extends Component {
if(Files.length==0){ if(Files.length==0){
Toast.hide() Toast.hide()
loadingCount = 0; loadingCount = 0;
const {handleSubmit}=this.props; const {handleSubmit,labelId=''}=this.props;
handleSubmit(this.state.urlList) // 把后端返回url传给父组件 handleSubmit(this.state.urlList,labelId) // 把后端返回url传给父组件
} }
Files.map(item => { Files.map(item => {
loadingCount++ loadingCount++
...@@ -134,15 +134,16 @@ class Upload extends Component { ...@@ -134,15 +134,16 @@ class Upload extends Component {
} }
render() { render() {
const { files } = this.state; const { files } = this.state;
const {multiple,accept,length,rest}=this.props; const {multiple,accept,length,readOnly,rest}=this.props;
return ( return (
<div> <div>
<ImagePicker <ImagePicker
files={files} files={files}
accept={accept} accept={accept}
onChange={this.onChange} onChange={this.onChange}
selectable={files.length < length} selectable={readOnly?false:(files.length < length)}
multiple={multiple} multiple={multiple}
disableDelete={readOnly?true:false}
{...rest} {...rest}
/> />
</div> </div>
...@@ -156,14 +157,18 @@ Upload.propTypes = { ...@@ -156,14 +157,18 @@ Upload.propTypes = {
length: PropTypes.number, // 最大支持上传张数 length: PropTypes.number, // 最大支持上传张数
handleSubmit:PropTypes.func.isRequired, // 上传函数 handleSubmit:PropTypes.func.isRequired, // 上传函数
rest:PropTypes.object, rest:PropTypes.object,
defaultFiles:PropTypes.array // 初始值 defaultFiles:PropTypes.array, // 初始值
readOnly:PropTypes.bool,
labelId:PropTypes.any // 组件id 标识
} }
Upload.defaultProps = { Upload.defaultProps = {
multiple: true, // 是否支持多选 multiple: true, // 是否支持多选
accept: 'image/*', // 上传格式限制 accept: 'image/*', // 上传格式限制
length: 10, // 最大支持上传张数 length: 10, // 最大支持上传张数
defaultFiles:[] defaultFiles:[],
readOnly:false,
labelId:''
} }
export default Upload; export default Upload;
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论