video截图以及el-upload上传图片

需求：video播放视频，手动截图保存本地并上传图片。

上传图片需后端提供接口以返回图片的网络路径。

1、截图。

 通过ref绑定需要截图的dom。截图得base64并回显自建img标签可保存本地。

2、本地图片上传

 

 利用组件得钩子函数，查看是否选取到需要上传的文件。由于接口规定传参格式为formData，所以需要new FormData()转换文件格式。

重点：new FormData()转换的是请求体的内容，也就是所有请求参数内容，不仅要上传的文件要转换格式，其他参数（添加参数只能通过append('key', value)的形式添加）也要通过append添加到新的formData中。

调用接口可得到图片上传后的网络路径。