前端上传封面_vue前端实现视频上传

话不多说，代码如下，这种方法比较麻烦但是有效

一、下载gif.js相关文件，可以到这里下载，然后将这几个文件放在根目录的static/js里面。

image.png

二、下载依赖包：

npm i timers

三、代码块

target="stop"

action="上传接口"

method="post"

enctype="multipart/form-data"

style="position:relative;display:inline-block;"

id="form1"

>

multiple

style="display:none;"

ref="changeInput"

type="file"

name="file"

accept="video/*"

capture="environment"

@change="changeVideo1"

id="pop_video1"

/>

id="myvideo1"

:src="videoSrc1"

style="height:100px;width:200px;margin:0 10px"

ref="videoId"

autoplay="true"

controls

muted

>

style="width:32%;margin-top:3%;margin-left:22%;display:inline-block"

round

bl