lm-video-upload

video-upload

• 作者：quying
• 邮箱：[e-mail]
• 版本：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"}', // 服务端响应内容
}

• 需要关注视频资源跨域问题

开发调试

进入项目目录后，使用 node 命令启动服务

npm run start

打包发布可通过 node 命令执行

npm run build
npm publish

相关资料

• lm 组件开发规范

Changelog

0.1.0

1. init

0.2.0

1. update react to version 16

---