Lm-video-upload NPM

video-upload

作者：quying
邮箱：qy9404@163.com
版本：0.2.0

介绍

视频上传组件

安装

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

npm i lm-video-upload --save

如果你还没有安装 npm，可通过以下方式进行安装。
安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org

使用

样例文档

待开发

使用

传入fileList增加内容

<VideoUpload 
    fileList={ this.state.fileList }
    maxUploadNum="5"
    onChange={ this.onChange }
    canDelete={ true }
    onRemove={ this.onRemove } 
/>

配置参数

Prop	Type	Default	Description
`name`	`string`	`undefined`	文件名
`fieldId`	`string`	`undefined`	表单提交字段名
`accept`	`string`	`undefined`	接受的文件类型
`multiple`	`bool`	`undefined`	是否支持多选文件
`onInputChange`	`string`	`undefined`	选择后的回调(files) = > boolean/Promise
`beforeUpload`	`func`	`undefined`	单个文件处理(file, fileList) => boolean/Promise
`customUpload`	`func`	`undefined`	通过覆盖默认的上传行为，可以自定义自己的上传实现
`disabled`	`bool`	`undefined`	是否禁用
`maxUploadNum`	`string／number`	`undefined`	最多上传文件数
`onChange`	`func`	`undefined`	文件状态改变时的回调
`appUpload`	`func`	`undefined`	调用app上传
`action`	`string`	`undefined`	上传的地址
`data`	`obj/func`	`undefined`	表单数据，支持(file)=> promise
`headers`	`obj`	`undefined`	请求头
`withCredentials`	`bool`	`undefined`	允许跨域发送cookie
`listChild`	`node`	`undefined`	自定义列表
`fileList`	`string`	`undefined`	默认文件列表
`canDelete`	`bool`	`undefined`	是否展示删除按钮
`onFileClick`	`func`	`undefined`	点击文件时的回调
`onRemove`	`func`	`undefined`	删除文件时的回调，返回值为 false 时不移除

注意事项

onChange参数

{
    file: { ... },  
    fileList: [... ],   //当前的文件列表
    event: {... },      //上传中的服务端响应内容，包含了上传进度等信息
    fieldId: {... }
}

file

{
    uid: 'uid',      // 文件唯一标识，建议设置为负数，防止和内部产生的 id 冲突
    name: 'xx.png'   // 文件名
    status: 'done', // 状态有：uploading done error removed
    response: '{"status": "success"}', // 服务端响应内容
}