Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
f229f86a
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
f229f86a
编写于
9月 08, 2015
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Fix multiple upload
上级
1056af34
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
45 addition
and
6 deletion
+45
-6
CHANGELOG.md
CHANGELOG.md
+1
-0
components/upload/demo/multiple.md
components/upload/demo/multiple.md
+31
-0
components/upload/index.jsx
components/upload/index.jsx
+13
-6
未找到文件。
CHANGELOG.md
浏览文件 @
f229f86a
...
...
@@ -14,6 +14,7 @@
*
新增
`fileList`
和
`defaultFileList`
属性,以满足更多的自定义功能,具体见演示。
*
设置 fileList 数组项的 url 属性可以作为链接展示在文件列表中方便下载。
*
移除内建的上传成功或失败的信息提示,业务可自行实现。
*
修正多文件选择上传时文件列表只展示一个文件的问题。
### Table
...
...
components/upload/demo/multiple.md
0 → 100644
浏览文件 @
f229f86a
# 多文件选择
-
order: 5
按住 ctrl 可选择多个文件,
`ie10+`
支持。
---
````
jsx
var
Upload
=
antd
.
Upload
;
var
message
=
antd
.
message
;
var
props
=
{
action
:
'
/upload.do
'
,
multiple
:
true
,
onChange
(
info
)
{
if
(
info
.
file
.
status
!==
'
uploading
'
)
{
console
.
log
(
info
.
file
,
info
.
fileList
);
}
}
};
React
.
render
(
<
Upload
{
...
props
}
>
<
button
type
=
"button"
className
=
"ant-btn ant-btn-ghost"
>
<
i
className
=
"anticon anticon-upload"
></
i
>
点击上传
</
button
>
</
Upload
>
,
document
.
getElementById
(
'
components-upload-demo-multiple
'
));
````
components/upload/index.jsx
浏览文件 @
f229f86a
...
...
@@ -15,12 +15,10 @@ const AntUpload = React.createClass({
};
},
onStart
(
file
)
{
let
nextFileList
=
this
.
state
.
fileList
.
concat
();
file
.
status
=
'
uploading
'
;
nextFileList
.
push
(
file
);
this
.
onChange
({
file
:
file
,
fileList
:
nextFileList
add
:
true
});
},
removeFile
(
file
)
{
...
...
@@ -76,9 +74,18 @@ const AntUpload = React.createClass({
// 1. 有设置外部属性时不改变 fileList
// 2. 上传中状态(info.event)不改变 fileList
if
(
!
(
'
fileList
'
in
this
.
props
)
&&
!
info
.
event
)
{
this
.
setState
({
fileList
:
info
.
fileList
});
// 新增文件时,使用 multiple 属性会造成同时 setState
if
(
info
.
add
)
{
this
.
setState
((
prevState
)
=>
{
return
{
fileList
:
prevState
.
fileList
.
concat
(
info
.
file
)
};
});
}
else
{
this
.
setState
({
fileList
:
info
.
fileList
});
}
}
this
.
props
.
onChange
(
info
);
},
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录