video-upload

• 作者：quying
• 邮箱：[email protected]
• 版本：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