<template>
  <div>
    <input type="file" ref="videoInput" @change="uploadVideo" accept="video/*">
    <video :src="videoUrl" controls></video>
  </div>
</template>
<script setup>
  import { ref } from 'vue';

  const videoUrl = ref('');

  function uploadVideo() {
    const file = this.$refs.videoInput.files[0];
    const reader = new FileReader();
    reader.onload = function() {
      videoUrl.value = reader.result;
    };
    reader.readAsDataURL(file);
  }
</script>
用element-plus框架插入视频上传组件生成vue3格式 script setup代码要求所有方法或箭头函数都用function定义要求所有变量为ref响应式无需任何文字说明只要源码即可

原文地址: https://www.cveoy.top/t/topic/bbFx 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录