Traffic-widget/miniprogram/pages/faceRecognition/index.ts

// pages/faceRecognition/index.ts
import { base } from "../../config/index";
Page({

  /**
   * 页面的初始数据
   */
  data: {
    videoSrc: '', // 录制的视频临时路径
    isBack: false, // 是否返回上一页,用于页面隐藏时判断
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(opt) {
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    console.log('页面显示')
    this.setData({
      isBack: true
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {
    // 在录制中退出后台页面隐藏，返回上一页，确保重新进入当前页
    // 防止在录制中退出后台导致下次重新录制失败 "operateCamera:fail:is stopping"
    console.log('页面隐藏')
    if (this.data.isBack) wx.navigateBack()
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
  // 当取消授权或者打开设置授权
  handleNoAuth(res: any) {
    console.log("用户拒绝授权：", res)
    // 因为在设置里授权摄像头不会立即生效，所以要返回上一页,确保重新进入当前页使摄像头生效
    setTimeout(() => {
      wx.navigateBack()
    }, 500)
  },

  // 版本号过低的回调
  handleCannotuse() {
    console.log('版本号过低无法使用, 组件内已经弹窗提示过了')
    wx.navigateBack()
  },

  // 视频录制完成
  handleComplete(e: WechatMiniprogram.CustomEvent) {
    console.log('视频文件路径:', e.detail)
    // e.detail: 视频临时路径
    this.setData({
      videoSrc: e.detail.toString(),
      isBack: false
    })

    // 打印视频信息文件
    const fileSystemManager = wx.getFileSystemManager();
    fileSystemManager.getFileInfo({
      filePath: e.detail.toString(),
      success: (res) => {
        const {
          size
        } = res
        console.log("视频文件大小M:", size / Math.pow(1024, 2))
      },
      fail: (err) => {
        console.log("获取视频文件失败", err)
      }
    })

    this.uploadVideo()
  },

  uploadVideo() {
    var src = this.data.videoSrc
    wx.showLoading({
      title: '采集进度：0%',
      mask: true //是否显示透明蒙层，防止触摸穿透
    })


    // todo: 添加上传服务器的接口
    const uploadTask = wx.uploadFile({
      // 仅为示例，非真实的接口地址，视频上传
      url: base.url + '/v3/upload',
      filePath: src,
      name: 'file', //服务器定义的Key值
      formData: {},
      header: {
        Authorization: wx.getStorageSync("token")
      },
      success: function (res) {
        console.log(res)
        console.log('视频上传成功')
        wx.showToast({
          title: "人脸采集完成"
        })
        let time = setTimeout(() => {
          clearTimeout(time);
          wx.reLaunch({
            url: "/pages/downloadPage/index"
          })
        }, 2000)
      },
      fail: function (res) {
        console.log(res)
        console.log('接口调用失败')
      }
    })

    //监听上传进度变化事件
    uploadTask.onProgressUpdate((res) => {
      wx.showLoading({
        title: '采集进度：' + res.progress + '%',
        mask: true //是否显示透明蒙层，防止触摸穿透
      })
    })
  }
})