现在流行框架vue上传图片

<div class="upload-item" >
<Button type="primary" >重新上传</Button>
<input ref="referenceUpload" type="file" name="file" @change="upload2($event,1)" accept="image/gif,image/jpeg,image/jpg,image/png" />
</div>
<script>
 upload2(e){
let file = e.target.files[0];
if(file===undefined){
return;
}
let param = new FormData(); //form对象
param.append('file', file);//通过append向form对象添加数据
param.append("type",7)   
let config = {
headers: {'Content-Type': 'multipart/form-data'}
};

commonService.uploadFile(param, config).then(rs => {          
this.dataList.picture = rs.data;
this.$Message.success('上传成功');
this.$refs.referenceUpload.value = null;
 console.log(rs.data);
})
       },
</script>