vue通过file 类型 input实现上传二进制文件

页面上只需要一个简单的文件类型的输入框

<input
    type="file"
    id="file"
     class="filepath"
     @change="changepic($event)"
     accept="image/jpg,image/jpeg,image/png,image/PNG"
>

这里需要注意的是 vue中 file类型的输入框是不支持添加v-model属性的 所以我们只能用change 即value发生改变时触发的事件来完成这个操作
逻辑代码

changepic(event){
    
    
   const files = event.target.files;
   const data  = new FormData();
   //使用append存储信息，append('键名','键值')
   data.append('filedata',files[0]);  
   data.append('userId','');
   data.append('jsessionid','');        
   uploadLogo(data).then((src) => {
    
    
       
   })
},

点击选择文件后 我们就可以看到filedata字段对应上传了一个二进制文件