<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>
vue上传图片--文件//结合iview
最新推荐文章于 2024-05-24 10:55:30 发布