uniapp 视频上传

在UniApp中实现视频上传可以使用uni.uploadFile方法。以下是一个简单的示例：

// 在页面中引入uni-upload组件
import uniUpload from '@/components/uni-upload/uni-upload.vue'

export default {
  components: {
    uniUpload
  },
  data() {
    return {
      videoFile: null,
      videoUrl: ''
    }
  },
  methods: {
    handleVideoChange(e) {
      this.videoFile = e.target.files[0]
    },
    uploadVideo() {
      uni.uploadFile({
        url: 'your_upload_url', // 上传接口地址
        filePath: this.videoFile.path, // 视频文件路径
        name: 'file', // 上传文件的字段名
        success: (res) => {
          // 上传成功后的处理逻辑
          console.log(res.data)
          // 可以将返回的视频地址保存到videoUrl中，用于展示或其他操作
          this.videoUrl = res.data
        },
        fail: (err) => {
          // 上传失败后的处理逻辑
          console.log(err)
        }
      })
    }
  }
}

在模板中，你可以使用`uni-upload`组件来呈现上传按钮，并监听change事件来获取用户选择的视频文件：

<template>
  <view>
    <uni-upload @change="handleVideoChange"></uni-upload>
    <button @click="uploadVideo">上传视频</button>
    <video :src="videoUrl" controls></video>
  </view>
</template>

上述代码中，`handleVideoChange`方法会在用户选择视频文件时被调用，将选择的文件赋值给`videoFile`。`uploadVideo`方法会在点击上传按钮时触发，通过`uni.uploadFile`方法将视频文件上传到指定的接口地址。上传成功后，可以将返回的视频地址保存到`videoUrl`中，并在页面中展示。

请注意，以上代码只是一个简单的示例，实际项目中你可能还需要对文件类型、大小进行校验，以及添加进度条等更完善的功能。