（多张上传可查看我另外一片文章）

直接上代码

<input ref="jzgc" type="file" @change="getjzgc($event)" accept="video/mp4">

@change 用户选择文件触发的事件

accept="video/mp4" accept 指定上传文件类型 可根据业务自行百度查找

下面贴事件代码

getjzgc(event) {let file = event.target.files, _that = this;let formData = new FormData();formData.append('file', file[0]);formData.append('areaId', _that.areaId);formData.append('deviceId', _that.sbname);},

创建一个formData对象实例

formData.append('file', file[0]); 是上传文件'areaId'和'deviceId'是我自己的业务需求自定义的

下面贴一个实操代码