Vue input[file] 原生上传 单张上传

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

直接上代码

@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'是我自己的业务需求自定义的

下面贴一个实 *** 代码