vue项目html5调取手机摄像头录像并上传

<video id="video" autoplay width="300" height="300" controls></video>
<x-button class="video-btn" type="primary"  @click.native="upBtnFileFace">刷脸验证</x-button>
<input class="file" ref="videoFace" name="file" type="file" accept="video/*" @change="updateFace" style="display: none" />
    
methods: {
  updateFace(e) {
    const file = e.target.files[0] || e.dataTransfer.files[0]
    if (file) {
      // 本地预览
      const reader = new FileReader()
      const myVideo = document.querySelector(#video)
      reader.onloadend = (evt) => {
        myVideo.src = evt.target.result
      }
      reader.readAsDataURL(file)
      myVideo.play()
          
      // 上传
      const fd = new FormData()          
    fd.append(
‘file, file) ocrIdCard(fd).then(response => { if (response) { console.log(response) } }).catch(() => { }) } } }

 

vue项目html5调取手机摄像头录像并上传

上一篇:Android PermissionUtils:运行时权限工具类及申请权限的正确姿势


下一篇:用Visual Studio和c#开发以太坊dapp