dialog-camera-upload

功能

CDN

通过摄像头拍照或者直接上传获取文件数据，支持裁剪，依赖 cropper

WARNING

网页需要 https 模式才能调用摄像头

功能示例

展示区
获取的图片
本地Blob地址
参数：类型	uploadcamera
参数：裁剪	是否

最小示例

<template>
    <Wrapper>
        <ElButton @click="handleClick">打开</ElButton>
        <VcDialogCameraUpload
            v-model:visible="visible"
            :http-request="httpRequest"
        />
    </Wrapper>
</template>

<script lang="ts" setup>
import VcDialogCameraUpload from '../dialog-camera-upload.vue'

const result = ref('')
const visible = ref(false)

function handleClick() {
    visible.value = true
}

function httpRequest(_file: File, localUrl: string) {
    result.value = localUrl
}
</script>

API

参数

事件