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

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

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

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(opt) {
    this.setData({
      id_card: opt.IDCard,
      program_id: opt.program_id
    })
    console.log(this.data.program_id)
    console.log(this.data.id_card)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  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 //是否显示透明蒙层，防止触摸穿透
      })

      console.log(this.data.program_id)

      // 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: "上传成功"
              })
          },
          fail: function (res) {
              console.log(res)
              console.log('接口调用失败')
          }
      })

      //监听上传进度变化事件
      uploadTask.onProgressUpdate((res) => {
          wx.showLoading({
              title: '上传进度：' + res.progress + '%',
              mask: true //是否显示透明蒙层，防止触摸穿透
          })
          console.log("上传进度", res.progress)
          console.log("已经上传的数据长度，单位 Bytes:", res.totalBytesSent)
          console.log("预期需要上传的数据总长度，单位 Bytes:", res.totalBytesExpectedToSend)
      })
  }
})