本文介绍的是,在本地添加了需要上传的视频文件后,先获取到视频的可播放时长,并且以视频的第一秒画面作为封面图片的实现方法,之后再调用上传接口,将相关数据进行上传。【网上搜到的大部分都是先上传文件,再使用接口返回的视频地址获取封面,不符合我的需求,所以作此文进行整理】
可以先使用上传组件获取到上传的视频文件对象,如elementUI或Antd的Upload组件。
此处以elementUI的el-upload组件举例,在beforeUpload方法中,先获取到file对象,然后进行以下代码操作。
const canvas = document.getElementById("mycanvas"); // 获取 canvas 对象
const ctx = canvas.getContext