LcapCamera 摄像头

• 示例
  • 基本用法
  • 默认值
• API
  • Props/Attrs
  • Events
  • Methods

Form

开启/关闭摄影头，支持截图、上传等功能

示例

基本用法

<lcap-camera></lcap-camera>

默认值

<template>
<lcap-camera list-type="image"
    url="/gateway/lowcode/api/v1/app/upload" v-model="value"
    converter="json">
</lcap-camera>

</template>
<script>
    export default {
        data() {
            return {
                value: '[]',
            };
        },
    };
</script>

API

Props/Attrs

| Prop/Attr | Type | Options | Default | Description | | --------- | ---- | ------- | ------- | ----------- | | width | string | | 800 | 宽度 | | height | string | | 600 | 高度 | | value.sync, v-model | Array | | [] | 当前文件列表 | | url | string | | | 上传的地址 |

Events

@send

刚发送时触发

| Param | Type | Description | | ----- | ---- | ----------- | | $event | object | 自定义事件对象 | | $event.data | object | 进度相关信息 | | $event.preventDefault | Function | 阻止上传流程 | | senderVM | UUploader | 发送事件对象 |

@progress

发送进度改变时触发，在上传进度条时使用

| Param | Type | Description | | ----- | ---- | ----------- | | $event | object | 自定义事件对象 | | $event.data | object | 进度相关信息 | | senderVM | UUploader | 发送事件对象 |

@complete

上传完成时触发

| Param | Type | Description | | ----- | ---- | ----------- | | $event | object | 自定义事件对象 | | $event.xml | string | 服务器回传信息 | | senderVM | UUploader | 发送事件对象 |

@success

上传成功时触发

| Param | Type | Description | | ----- | ---- | ----------- | | $event | object | 自定义事件对象 | | $event.data | object | 服务器回传信息对象 | | $event.file | object | 上传文件信息，不包含文件主体内容 | | senderVM | UUploader | 发送事件对象 |

@error

上传报错时触发

| Param | Type | Description | | ----- | ---- | ----------- | | $event | object | 自定义事件对象 | | $event.name | string | 错误名 | | $event.message | string | 错误描述 | | $event.extensions | string | 限制类型 | | $event.maxSize | number | 限制大小 | | $event.size | number | 当前大小 | | senderVM | UUploader | 发送事件对象 |

Methods

open()

开启摄像头

| Param | Type | Default | Description | | ----- | ---- | ------- | ----------- |

close()

关闭摄像头

| Param | Type | Default | Description | | ----- | ---- | ------- | ----------- |

snapshot()

截图并且上传

| Param | Type | Default | Description | | ----- | ---- | ------- | ----------- |