lm-upload
Version:
* 作者:quying * 邮箱:qy9404@163.com * 版本:**`0.2.0`**
124 lines (80 loc) • 2.69 kB
Markdown
# upload
* 作者:quying
* 邮箱:qy9404@163.com
* 版本:**`0.2.0`**
## 介绍
基本上传组件
## 安装
`lm-*` 组件使用 `npm` 进行管理,命名空间统一为 `lm-`,请使用以下命令进行组件安装。
```
npm i lm-upload --save
```
- 如果你还没有安装 `npm`,可通过以下方式进行 [安装](https://nodejs.org/en/download/)。
- 安装cnpm `npm install -g cnpm --registry=https://registry.npm.taobao.org`
## 使用
### 样例文档
- 待开发
### 使用
最少配置参数为:
- 默认无显示,需要增加样式,或传入子元素
- 该子元素为点击触发上传区域
```
<Upload
accept="image/*"
beforeUpload={ this.beforeUpload }
onStart={ this.onStart }
onSuccess={ this.onSuccess }
>
<div className="lm-upload">
<div className="lm-upload-item">
<label className="lm-upload-item-img"></label>
</div>
</div>
</Upload>
```
### 配置参数
| Prop | Type | Default | Description |
| ---- |:----:|:-------:| :----------:|
| **`name`** | `string` | `undefined` | 文件名 |
| **`accept`** | `string` | `undefined` | 接受的文件类型 |
| **`multiple`** | `string` | `bool` | 是否支持多选文件 |
| **`onInputChange`** | `function` | `undefined` | 文件选择后回调 (files) => boolean / Promise |
| **`beforeUpload`** | `function` | `undefined` | 上传前回调 (file, fileList) => boolean / Promise |
| **`customUpload`** | `function` | `undefined` | 自定义上传实现(传入xhr options) |
| **`disabled`** | `bool` | `undefined` | 是否禁用 |
| **`action`** | `string` | `undefined` | 上传的地址 |
| **`data`** | `object/function/promise` | `undefined` | 表单数据 |
| **`headers`** | `object` | `undefined` | xhr请求头 |
| **`onStart`** | `function` | `undefined` | 开始上传回调 |
| **`onProgress`** | `function` | `undefined` | 上传进度 onProgress(e, file) |
| **`onSuccess`** | `function` | `undefined` | 上传成功回调 onSuccess(ret, file, xhr) |
| **`withCredentials`** | `bool` | `undefined` | 允许跨域发送cookie |
| **`appUpload`** | `function` | `undefined` | 调用app上传 |
## 注意事项
- 组件注意事项
## 开发调试
进入项目目录后,使用 `node` 命令启动服务
```
npm run start
```
打包发布可通过 `node` 命令执行
```
npm run build
npm publish
```
## 相关资料
* [lm 组件开发规范](http://)
## Changelog
### 0.1.0
1. init
### 0.1.1
1. clear input value after upload
### 0.1.2
1. add onInputChange event
2. add style props
### 0.1.5
1. clear input value bug fix
2. async data bug fix
### 0.2.0
1. update react to version 16
---