在uniapp中nvue页面 获取视频的第一帧图片文件后，上传图片文件到后端

您可以使用uniapp中的uni.uploadFile() API来上传图片文件到后端。具体步骤如下：

1.使用uni.createVideoContext() API获取video组件的实例对象，并通过实例对象的canvas属性获取到视频的canvas对象。

2.在canvas对象上调用toTempFilePath() API，生成图片文件的临时路径。

3.使用uni.uploadFile() API将图片文件上传到后端服务器。需要注意的是，上传时需要设置header中的Content-Type为multipart/form-data，同时在formData中添加图片文件数据。

下面是一个示例代码：

// 获取video组件实例对象
const video = uni.createVideoContext('myVideo')
video.drawCanvas({
  canvasId: 'videoCanvas',
  success: function (res) {
    // 将canvas转为图片文件并上传到服务器
    uni.canvasToTempFilePath({
      canvasId: 'videoCanvas',
      success: function (res) {
        // 上传图片文件
        uni.uploadFile({
          url: 'https://example.com/upload',
          filePath: res.tempFilePath,
          name: 'file',
          header: {
            'Content-Type': 'multipart/form-data'
          },
          formData: {
            // 在formData中添加其他数据
          },
          success: function (uploadRes) {
            console.log('上传成功', uploadRes.data)
          },
          fail: function (err) {
            console.log('上传失败', err)
          }
        })
      },
      fail: function (err) {
        console.log('转换图片文件失败', err)
      }
    })
  }
})

注意：在使用video组件获取视频画面时，需要在manifest.json文件中添加相应的权限声明。具体可以参考uniapp官方文档。