更新记录

1.0.0（2025-10-31）

新增:新增检测图片中人脸 优化:支持临时路径和绝对路径

1.0.0

新增:新增检测图片中人脸 优化:支持临时路径和绝对路径

平台兼容性

uni-app x(4.76)

其他

使用示例

<template>
    <view class="face_page">
        <camera class="camera_view" resolution="medium" :device-position="devicePosition" flash="off" frame-size="medium"
            photo-resolution="medium" @stop="handleStop" @error="handleError" @initdone="handleInitDone"></camera>
        <button @click="takePicture">拍照</button>
    </view>
</template>

<script setup lang="uts">
    import { detectFacesInImage } from "@/uni_modules/face-detection";

    // 拍照
    const takePicture = () => {
        const context = uni.createCameraContext();
        context?.takePhoto({
            quality: 'normal',
            selfieMirror: false,
            success: (res : CameraContextTakePhotoResult) => {
                detectFacesInImage(res.tempImagePath ?? '', (res) => {
                    console.log("识别结果", res)
                }, (err : string) => {
                    console.log("错误信息": err)
                })
            },
            fail: (e : CameraContextFail) => {

            }
        } as CameraContextTakePhotoOptions)
    }

    // hbuildx 4.76版本默认前置摄像头不生效
    const devicePosition = ref('back')
    // 相机 摄像头在非正常终止时触发，如退出后台等情况
    const handleStop = (e : UniCameraStopEvent) => { };
    // 相机没有权限
    const handleError = (e : UniCameraErrorEvent) => { };
    // 相机初始化完成
    const handleInitDone = async (e : UniCameraInitDoneEvent) => {
        devicePosition.value = 'front'
    };
</script>

<style lang="scss" scoped>
    .face_page {
        width: 100%;
        height: 100%;

        .camera_view {
            width: 400rpx;
            height: 400rpx;
        }

    }
</style>

输出数据

返回数据  图片中
//‍[Array]‍
[
    //‍[⁠UTSJSONObject⁠]‍
    {
        "left":
            //‍[number]‍
            118,
        "top":
            //‍[number]‍
            343,
        "right":
            //‍[number]‍
            233,
        "bottom":
            //‍[number]‍
            457,
        "width":
            //‍[number]‍
            115,
        "height":
            //‍[number]‍
            114
    }
]