在uniapp中nvue页面中将上传的视频通过前端获取第一帧，并将第一帧图片保存到后端

可以使用uni-app中的uni-media-picker插件和uni-app的网络请求API来实现在nvue页面中将上传的视频通过前端获取第一帧，并将第一帧图片保存到后端。

首先需要安装uni-app插件：uni-media-picker，安装方法可以参考官方文档：https://uniapp.dcloud.io/component/media-picker

然后在nvue页面中使用插件的方式获取视频，示例代码如下：

<template>
  <view>
    <button @click="chooseVideo">选择视频</button>
    <image :src="videoCoverUrl" v-if="videoCoverUrl"></image>
  </view>
</template>

<script>
import mediaPicker from "@/uni_modules/uni-media-picker/js_sdk/uni-media-picker.js";

export default {
  data() {
    return {
      videoCoverUrl: "" // 视频封面图URL
    };
  },
  methods: {
    chooseVideo() {
      const that = this;
      mediaPicker.chooseVideo({
        sourceType: ["album", "camera"], // 视频选择的来源，可选值：album（相册），camera（拍摄）
        maxDuration: 60, // 视频最大时长，单位秒，可选值：5-60，默认60
        success: function(res) {
          // 成功选择视频后的回调函数
          console.log(res);
          that.getVideoCover(res.tempFilePath); // 获取视频封面图
        },
        fail: function(res) {
          // 选择视频失败后的回调函数
          console.log(res);
        }
      });
    },
    getVideoCover(videoPath) {
      const that = this;
      uni.getVideoInfo({
        src: videoPath,
        success: function(res) {
          // 成功获取视频信息后的回调函数
          console.log(res);
          uni.compressVideo({
            src: videoPath,
            quality: 1,
            success: function(res) {
              // 成功压缩视频后的回调函数
              console.log(res);
              that.uploadVideoCover(res.tempFilePath); // 上传视频封面图
            },
            fail: function(res) {
              // 压缩视频失败后的回调函数
              console.log(res);
            }
          });
        },
        fail: function(res) {
          // 获取视频信息失败后的回调函数
          console.log(res);
        }
      });
    },
    uploadVideoCover(videoCoverPath) {
      const that = this;
      uni.uploadFile({
        url: "http://yourserver.com/upload", // 上传的后端接口地址
        filePath: videoCoverPath, // 要上传的文件路径
        name: "file", // 文件对应的 key，后端根据这个 key 获取文件的二进制内容
        success: function(res) {
          // 上传成功后的回调函数
          console.log(res);
          that.videoCoverUrl = res.data; // 设置视频封面图URL
        },
        fail: function(res) {
          // 上传失败后的回调函数
          console.log(res);
        }
      });
    }
  }
};
</script>

其中，`chooseVideo` 方法使用 `mediaPicker` 插件选择视频，选择成功后调用 `getVideoCover` 方法获取视频封面图。在 `getVideoCover` 方法中，先使用 `uni.getVideoInfo` 获取视频信息，然后使用 `uni.compressVideo` 压缩视频，最后调用 `uploadVideoCover` 方法上传视频封面图到后端。上传成功后，将视频封面图的URL设置到 `videoCoverUrl` 变量中，页面会自动显示出来。

注意，这只是一个示例代码，需要根据实际情况进行修改和优化。同时要注意，视频的第一帧并不一定是视频的封面图，可以根据自己的需求进行更改。