在uniapp中nvue页面中将上传的视频通过前端获取第一帧，并将第一帧图片保存到后端<video style="height: 350rpx;width: 750rpx;" :src="urls"/><view @click="upload(item)"> upload(item) { uni.chooseVideo({count: 1,sourceType: ['camera', 'album'],success: (e) => {filePath: e.tempFilePath解决

在 nvue 中获取视频第一帧可以通过使用 canvas 对象绘制视频的第一帧图像，然后将绘制的图像转换为图片，最后将图片上传至后端。具体实现步骤如下：

1. 在 nvue 页面中定义一个 canvas 对象和一个 video 对象，用于绘制视频第一帧图像和播放视频。

<template>
  <view>
    <canvas id="canvas" style="display: none;"></canvas>
    <video id="video" style="display: none;"></video>
    <image :src="imageUrl" mode="aspectFit" style="height: 350rpx; width: 750rpx;"></image>
    <button @tap="upload">上传第一帧图片</button>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        videoPath: '', // 视频文件路径
        imageUrl: '', // 第一帧图片地址
      }
    },
    methods: {
      // 选择视频文件
      chooseVideo() {
        uni.chooseVideo({
          count: 1,
          sourceType: ['camera', 'album'],
          success: (res) => {
            this.videoPath = res.tempFilePath;
            this.playVideo();
          }
        });
      },
      // 播放视频
      playVideo() {
        let video = uni.createVideoContext('video', this);
        video.src = this.videoPath;
        video.play();
        video.onPlay(() => {
          this.getVideoImage(video);
        });
      },
      // 获取视频第一帧图像
      getVideoImage(video) {
        let canvas = uni.createCanvasContext('canvas', this);
        canvas.drawImage(video, 0, 0, 750, 350);
        canvas.draw(false, () => {
          uni.canvasToTempFilePath({
            canvasId: 'canvas',
            success: (res) => {
              this.imageUrl = res.tempFilePath;
            }
          }, this);
        });
      },
      // 上传第一帧图片至后端
      upload() {
        // 将图片上传至后端
      },
    },
  }
</script>

2. 在 chooseVideo 方法中选择视频文件并播放视频，在视频播放时调用 getVideoImage 方法获取视频第一帧图像。

3. 在 getVideoImage 方法中使用 canvas 对象绘制视频第一帧图像，并将绘制的图像转换为图片。

4. 最后在 upload 方法中将图片上传至后端即可。