ant-design/components/upload/demo/drag-simple.md

# 拖拽上传

- order: 4

样式简单一些。

---

````jsx
import { Upload, Icon } from 'antd';
const Dragger = Upload.Dragger;

const props = {
  name: 'file',
  action: '/upload.do'
};

ReactDOM.render(
  <Dragger {...props}>
    <Icon type="plus" />
  </Dragger>,
  document.getElementById('components-upload-demo-drag-simple')
);
````

<style>
#components-upload-demo-drag-simple {
  width: 246px;
}
</style>
优化 upload 实现 1. 使用 Upload.dragger 代替 type 2. 将拖拽上传的内容区域交给用户自己实现 3. 改进 uploadList 的实现方式, 尽量避免使用 Dom 操作 4. 优化样式展现 2015-08-09 18:00:20 +08:00			`# 拖拽上传`

Refractor upload API 1. Remove limit urlResolver and onRemove 2. Remove onSuccess onProgress onError 3. Add onChange 4. Add fileList and defaultFileList props 2015-09-01 00:52:34 +08:00			`- order: 4`
优化 upload 实现 1. 使用 Upload.dragger 代替 type 2. 将拖拽上传的内容区域交给用户自己实现 3. 改进 uploadList 的实现方式, 尽量避免使用 Dom 操作 4. 优化样式展现 2015-08-09 18:00:20 +08:00
			`样式简单一些。`

			`---`

			````jsx
ES6 syntax for demo code fix antd.notification 2015-10-28 20:55:49 +08:00			`import { Upload, Icon } from 'antd';`
			`const Dragger = Upload.Dragger;`
优化 upload 实现 1. 使用 Upload.dragger 代替 type 2. 将拖拽上传的内容区域交给用户自己实现 3. 改进 uploadList 的实现方式, 尽量避免使用 Dom 操作 4. 优化样式展现 2015-08-09 18:00:20 +08:00
ES6 syntax for demo code fix antd.notification 2015-10-28 20:55:49 +08:00			`const props = {`
优化 upload 实现 1. 使用 Upload.dragger 代替 type 2. 将拖拽上传的内容区域交给用户自己实现 3. 改进 uploadList 的实现方式, 尽量避免使用 Dom 操作 4. 优化样式展现 2015-08-09 18:00:20 +08:00			`name: 'file',`
use onChange 2015-08-31 21:26:34 +08:00			`action: '/upload.do'`
优化 upload 实现 1. 使用 Upload.dragger 代替 type 2. 将拖拽上传的内容区域交给用户自己实现 3. 改进 uploadList 的实现方式, 尽量避免使用 Dom 操作 4. 优化样式展现 2015-08-09 18:00:20 +08:00			`};`

beta2 2015-10-20 16:47:55 +08:00			`ReactDOM.render(`
优化 upload 实现 1. 使用 Upload.dragger 代替 type 2. 将拖拽上传的内容区域交给用户自己实现 3. 改进 uploadList 的实现方式, 尽量避免使用 Dom 操作 4. 优化样式展现 2015-08-09 18:00:20 +08:00			`<Dragger {...props}>`
chore: 迁移 upload iconfont 2015-10-02 16:52:34 +08:00			`<Icon type="plus" />`
优化 upload 实现 1. 使用 Upload.dragger 代替 type 2. 将拖拽上传的内容区域交给用户自己实现 3. 改进 uploadList 的实现方式, 尽量避免使用 Dom 操作 4. 优化样式展现 2015-08-09 18:00:20 +08:00			`</Dragger>,`
			`document.getElementById('components-upload-demo-drag-simple')`
			`);`
			````

			`<style>`
			`#components-upload-demo-drag-simple {`
			`width: 246px;`
			`}`
			`</style>`