上传本地视频前，获取视频时长，并以视频第一秒作为封面

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

const canvas = document.getElementById("mycanvas"); // 获取 canvas 对象
const ctx = canvas.getContext