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