条件:我们已经有后台上传图片的接口 1.图片上传代码
<template>
<Upload
action=
"http://api1.vue1.com/index/system/uploadimg"//
上传接口地址
:on-success=
"imguploads">//上传回调
<Button icon=
"ios-cloud-upload-outline">上传图片</Button>
</Upload>
</template>
2.利用回调获取返回的图片地址
methods:{
imguploads(res){
this.formdata.imgs=res.data
;
console.
log(res.data
);
}
}
data(){
return {
formdata:{
name:'',
pass:'',
admin:0,
static:1,
imgs:''
},
}
}