Lm-upload NPM | npm.io

upload

作者：quying
邮箱：qy9404@163.com
版本：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上传