Vue项目 input[file] 前端原生多文件上传

直接贴代码

 <input style="width: 100%;height: 100%; cursor: pointer;" @change="getimgList($event)" ref="upload"
                         type="file" multiple="multiple" accept="image/*"/>

该样式是出于业务需求 因为input[file]标签自带样式 一般不能满足业务需求 这里可以自行忽略

@change 是用户选择照片触发

multiple="multiple" 文件多选

accept="image/*"  我这里业务需求是 只上传照片 有其他上传需求 可以自行百度查找 accept的接受文件类型参数

getimgList($event) （getimgList是我自定义的事件名称） 事件贴在下面👇👇👇

 getimgList(event) {
        let file = event.target.files;
        let formData = new FormData();
        formData.append('id', _that.uuid);
        formData.append('groupType', "0");
        for (let i = 0; i < file.length; i++) {
          formData.append(