|
|
@ -4,7 +4,7 @@ |
|
|
|
|
|
|
|
上传文件为图片,可展示本地缩略图。 |
|
|
|
|
|
|
|
`IE8/9` 不支持浏览器本地缩略图展示([ref](https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL)),可以写 `thumbUrl` 属性来代替。 |
|
|
|
`IE8/9` 不支持浏览器本地缩略图展示([Ref](https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL)),可以写 `thumbUrl` 属性来代替。 |
|
|
|
|
|
|
|
--- |
|
|
|
|
|
|
@ -30,10 +30,28 @@ const props = { |
|
|
|
}; |
|
|
|
|
|
|
|
ReactDOM.render( |
|
|
|
<div> |
|
|
|
<Upload {...props}> |
|
|
|
<Button type="ghost"> |
|
|
|
<Icon type="upload" /> 点击上传 |
|
|
|
</Button> |
|
|
|
</Upload> |
|
|
|
<br /> |
|
|
|
<br /> |
|
|
|
<Upload {...props} className="upload-list-inline"> |
|
|
|
<Button type="ghost"> |
|
|
|
<Icon type="upload" /> 点击上传 |
|
|
|
</Button> |
|
|
|
</Upload> |
|
|
|
</div> |
|
|
|
, mountNode); |
|
|
|
```` |
|
|
|
|
|
|
|
````css |
|
|
|
/* 加几行样式将上传项变成平铺样式 */ |
|
|
|
.upload-list-inline .ant-upload-list-item { |
|
|
|
display: inline-block; |
|
|
|
width: 200px; |
|
|
|
margin-right: 8px; |
|
|
|
} |
|
|
|
```` |
|
|
|