vue调用本地摄像头实现拍照功能
(编辑:jimmy 日期: 2024/12/26 浏览:3 次 )
前言:
vue调用本地摄像头实现拍照功能,由于调用摄像头有使用权限,只能在本地运行,线上需用https域名才可以使用。实现效果:
1、摄像头效果:
2、拍照效果:
实现代码:
<template> <div class="camera_outer"> <video id="videoCamera" :width="videoWidth" :height="videoHeight" autoplay></video> <canvas style="display:none;" id="canvasCamera" :width="videoWidth" :height="videoHeight" ></canvas> <div v-if="imgSrc" class="img_bg_camera"> <img :src="/UploadFiles/2021-04-02/imgSrc">总结
下一篇:解决vue axios跨域 Request Method: OPTIONS问题(预检请求)