lm-upload

upload

• 作者：quying
• 邮箱：[e-mail]
• 版本：0.2.0

介绍

基本上传组件

安装

lm-* 组件使用 npm 进行管理，命名空间统一为 lm-，请使用以下命令进行组件安装。

npm i lm-upload --save

• 如果你还没有安装 npm，可通过以下方式进行 安装。
• 安装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 组件开发规范

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

---