Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
f50342b2
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,发现更多精彩内容 >>
提交
f50342b2
编写于
8月 31, 2015
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
use onChange
上级
03cc7cbf
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
48 addition
and
58 deletion
+48
-58
components/upload/demo/basic.md
components/upload/demo/basic.md
+3
-6
components/upload/demo/drag-simple.md
components/upload/demo/drag-simple.md
+1
-4
components/upload/demo/drag.md
components/upload/demo/drag.md
+1
-4
components/upload/demo/limit.md
components/upload/demo/limit.md
+1
-5
components/upload/index.jsx
components/upload/index.jsx
+39
-36
components/upload/uploadList.jsx
components/upload/uploadList.jsx
+3
-3
未找到文件。
components/upload/demo/basic.md
浏览文件 @
f50342b2
...
...
@@ -10,13 +10,10 @@
var
Upload
=
antd
.
Upload
;
var
props
=
{
description
:
'
支持扩展名为: .rar .zip ...
'
,
action
:
'
/upload.do
'
,
data
:
{},
accept
:
''
,
uploadTip
:
''
,
onStart
(
file
){
console
.
log
(
file
.
uid
);
onChange
(
info
)
{
console
.
log
(
info
.
file
);
console
.
log
(
info
.
fileList
);
}
};
...
...
components/upload/demo/drag-simple.md
浏览文件 @
f50342b2
...
...
@@ -11,10 +11,7 @@ var Dragger = antd.Upload.Dragger;
var
props
=
{
name
:
'
file
'
,
action
:
'
/upload.do
'
,
data
:
{},
accept
:
''
,
uploadTip
:
''
action
:
'
/upload.do
'
};
React
.
render
(
...
...
components/upload/demo/drag.md
浏览文件 @
f50342b2
...
...
@@ -11,10 +11,7 @@ var Dragger = antd.Upload.Dragger;
var
props
=
{
name
:
'
file
'
,
action
:
'
/upload.do
'
,
data
:
{},
accept
:
'
i
'
,
uploadTip
:
''
action
:
'
/upload.do
'
};
React
.
render
(
...
...
components/upload/demo/limit.md
浏览文件 @
f50342b2
...
...
@@ -10,13 +10,9 @@
var
Upload
=
antd
.
Upload
;
var
props
=
{
description
:
'
支持扩展名为: .rar .zip ...
'
,
action
:
'
/upload.do
'
,
data
:
{},
accept
:
''
,
uploadTip
:
''
,
limit
:
1
,
onStart
(
file
){
onStart
(
file
)
{
console
.
log
(
file
.
uid
);
}
};
...
...
components/upload/index.jsx
浏览文件 @
f50342b2
...
...
@@ -5,7 +5,6 @@ import Message from '../message';
import
UploadList
from
'
./uploadList
'
;
import
getFileItem
from
'
./getFileItem
'
;
const
prefixCls
=
'
ant-upload
'
;
let
fileIndex
=
0
;
function
noop
()
{
}
...
...
@@ -18,20 +17,18 @@ const AntUpload = React.createClass({
},
onStart
(
file
)
{
let
nextFileList
=
this
.
state
.
fileList
;
nextFileList
.
push
({
index
:
fileIndex
++
,
uid
:
file
.
uid
||
''
,
filename
:
file
.
name
,
file
:
file
,
status
:
'
uploading
'
});
file
.
status
=
'
started
'
;
nextFileList
.
push
(
file
);
if
(
nextFileList
.
length
===
this
.
props
.
limit
+
1
)
{
nextFileList
=
nextFileList
.
slice
(
1
);
}
this
.
setState
({
fileList
:
nextFileList
});
this
.
props
.
onStart
(
file
);
this
.
props
.
onChange
({
file
:
file
,
fileList
:
nextFileList
});
},
removeFile
(
file
){
var
fileList
=
this
.
state
.
fileList
.
concat
();
...
...
@@ -45,33 +42,45 @@ const AntUpload = React.createClass({
});
},
onSuccess
(
ret
,
file
)
{
var
res
=
this
.
props
.
onSuccess
(
ret
,
file
);
if
(
res
!==
false
)
{
var
fileList
=
this
.
state
.
fileList
.
concat
();
Message
.
success
(
file
.
name
+
'
上传完成
'
);
let
targetItem
=
getFileItem
(
file
,
fileList
);
targetItem
.
status
=
'
done
'
;
// 解析出文件上传后的远程地址
if
(
typeof
this
.
props
.
urlResolver
===
'
function
'
)
{
targetItem
.
url
=
this
.
props
.
urlResolver
(
ret
);
}
this
.
setState
({
fileList
:
fileList
});
}
else
{
this
.
removeFile
(
file
);
var
fileList
=
this
.
state
.
fileList
.
concat
();
Message
.
success
(
file
.
name
+
'
上传完成
'
);
let
targetItem
=
getFileItem
(
file
,
fileList
);
targetItem
.
status
=
'
done
'
;
// 解析出文件上传后的远程地址
if
(
typeof
this
.
props
.
urlResolver
===
'
function
'
)
{
targetItem
.
url
=
this
.
props
.
urlResolver
(
ret
);
}
this
.
setState
({
fileList
:
fileList
});
this
.
props
.
onChange
({
file
:
targetItem
,
fileList
:
this
.
state
.
fileList
,
response
:
ret
});
},
onProgress
(
e
,
file
)
{
this
.
props
.
onProgress
(
e
,
file
);
this
.
props
.
onChange
({
event
:
e
,
file
:
file
,
fileList
:
this
.
state
.
fileList
});
},
onError
(
err
,
respon
c
e
,
file
)
{
onError
(
err
,
respon
s
e
,
file
)
{
Message
.
error
(
file
.
name
+
'
上传失败
'
);
this
.
removeFile
(
file
);
this
.
props
.
onError
(
err
,
responce
,
file
);
file
.
response
=
response
;
this
.
props
.
onChange
({
error
:
err
,
file
:
file
,
fileList
:
this
.
fileList
});
},
onRemove
(
file
){
this
.
props
.
onRemove
(
file
);
onRemove
(
file
)
{
this
.
props
.
onChange
({
file
:
file
,
fileList
:
this
.
fileList
});
},
getDefaultProps
()
{
return
{
...
...
@@ -81,12 +90,7 @@ const AntUpload = React.createClass({
action
:
''
,
data
:
{},
accept
:
''
,
uploadTip
:
''
,
onStart
:
noop
,
onError
:
noop
,
onSuccess
:
noop
,
onProgress
:
noop
,
onRemove
:
noop
,
onChange
:
noop
,
limit
:
Number
.
MAX_VALUE
,
urlResolver
:
function
(
ret
)
{
try
{
...
...
@@ -122,7 +126,6 @@ const AntUpload = React.createClass({
</
Upload
>
</
div
>
<
UploadList
items
=
{
this
.
state
.
fileList
}
onRemove
=
{
this
.
onRemove
}
limit
=
{
props
.
limit
}
/>
</
div
>
);
...
...
components/upload/uploadList.jsx
浏览文件 @
f50342b2
...
...
@@ -36,10 +36,10 @@ export default React.createClass({
let
list
=
this
.
state
.
items
.
map
((
file
)
=>
{
let
statusIcon
=
file
.
status
===
'
done
'
?
<
i
className
=
{
'
anticon anticon-check
'
+
prefixCls
+
'
-success-icon
'
}
></
i
>
:
<
i
className
=
"anticon anticon-loading"
></
i
>;
let
filename
=
file
.
url
?
<
a
className
=
{
prefixCls
+
'
-item-name
'
}
href
=
{
file
.
url
}
_target
=
"_blank"
>
{
file
.
file
name
}
</
a
>
:
<
b
className
=
{
prefixCls
+
'
-item-name
'
}
>
{
file
.
file
name
}
</
b
>;
let
filename
=
file
.
url
?
<
a
className
=
{
prefixCls
+
'
-item-name
'
}
href
=
{
file
.
url
}
_target
=
"_blank"
>
{
file
.
name
}
</
a
>
:
<
b
className
=
{
prefixCls
+
'
-item-name
'
}
>
{
file
.
name
}
</
b
>;
return
(
<
div
className
=
{
prefixCls
+
'
-list-item
'
}
key
=
{
file
.
index
}
>
<
div
className
=
{
prefixCls
+
'
-list-item
'
}
key
=
{
file
.
uid
}
>
{
statusIcon
}
{
filename
}
<
i
className
=
"anticon anticon-cross"
ref
=
"theCloseBtn"
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录