mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 05:05:48 +08:00
Code Issues Actions 43 Packages Projects Releases Wiki Activity

improve upload code style

Browse Source
This commit is contained in:
afc163 2016-05-24 17:57:31 +08:00
parent f34854d667
commit 6c3d00368c
1 changed files with 28 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
components/upload/uploadList.jsx
View File

@ -6,11 +6,9 @@ import Progress from '../progress';
import classNames from 'classnames';
// https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL
const previewFile = function (file, callback) {
const previewFile = (file, callback) => {
const reader = new FileReader();
reader.onloadend = function () {
callback(reader.result);
};
reader.onloadend = () => callback(reader.result);
reader.readAsDataURL(file);
};
@ -70,10 +68,14 @@ export default class UploadList extends React.Component {
icon = <Icon className={`${prefixCls}-list-item-thumbnail`} type="picture" />;
}
} else {
icon = (<a className={`${prefixCls}-list-item-thumbnail`}
onClick={(e) => this.handlePreview(file, e)}
href={file.url}
target="_blank"><img src={file.thumbUrl || file.url} alt={file.name} /></a>
icon = (
<a
className={`${prefixCls}-list-item-thumbnail`}
onClick={e => this.handlePreview(file, e)}
href={file.url}
target="_blank">
<img src={file.thumbUrl || file.url} alt={file.name} />
</a>
);
}
}
@ -93,14 +95,28 @@ export default class UploadList extends React.Component {
<div className={infoUploadingClass} key={file.uid}>
<div className={`${prefixCls}-list-item-info`}>
{icon}
{file.url
? <a onClick={(e) => this.handlePreview(file, e)} href={file.url} target="_blank" className={`${prefixCls}-list-item-name`}>{file.name}</a>
: <span className={`${prefixCls}-list-item-name`}>{file.name}</span>}
{
file.url
? (
<a
onClick={(e) => this.handlePreview(file, e)}
href={file.url} target="_blank"
className={`${prefixCls}-list-item-name`}>
{file.name}
</a>
) : <span className={`${prefixCls}-list-item-name`}>{file.name}</span>
}
{
this.props.listType === 'picture-card' && file.status !== 'uploading'
? (
<span>
<a onClick={(e) => this.handlePreview(file, e)} href={file.url} target="_blank" style={{ pointerEvents: file.url ? '' : 'none' }}><Icon type="eye-o" /></a>
<a
onClick={(e) => this.handlePreview(file, e)}
href={file.url}
target="_blank"
style={{ pointerEvents: file.url ? '' : 'none' }}>
<Icon type="eye-o" />
</a>
<Icon type="delete" onClick={() => this.handleClose(file)} />
</span>
) : <Icon type="cross" onClick={() => this.handleClose(file)} />