Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
H
H5Public
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
CI / CD
CI / CD
流水线
作业
日程
统计图
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
前端开发小组
H5Public
Commits
6507272a
提交
6507272a
authored
6月 12, 2020
作者:
张浩
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修改上传组件参数
上级
0c43ce8c
隐藏空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
13 行增加
和
8 行删除
+13
-8
index.js
HighStateComponent/UploadImage/index.js
+13
-8
没有找到文件。
HighStateComponent/UploadImage/index.js
浏览文件 @
6507272a
...
@@ -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
,
re
adOnly
,
re
st
}
=
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
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论