【Vue3】 typescript 实现开启摄像头并拍照，拍照图片回显，获取图片的 Base64 字符串并上传

芭拉拉小魔仙

已于 2024-08-07 17:21:23 修改

阅读量376

点赞数 1

分类专栏： Vue3、TypeScript 文章标签： typescript javascript 前端 vue3

于 2024-08-07 15:14:04 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45274678/article/details/140992547

版权

效果图：
在这里插入图片描述
html


 <div style="width: 600px;height: 400px;position: relative;">
 	<!--摄像头画面-->
    <video ref="video" width="600" height="400" autoplay ></video>
    <!--拍摄图片-->
     <canvas ref="canvas" width="540" height="400" ></canvas>
 </div>
 <el-button type="primary" class="m-l-3