服务器地址接口:
js封装的上传服务器接口地址
const apiUploadFile= 'http://9090.12.3.99:2020/api/upload/swaggerUpload
<template>
<div>
<el-upload
class="avatar-uploader"
:action="uploadUrl"
list-type="picture"
:show-file-list="false"
:on-success="handleSuccess"
:on-remove="handleRemove"
:file-list="fileUpLoad"
>
<img
v-if="form.imgUrl"
:src="form.imgUrl"
class="avatar"
/>
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
<div>
</template>
export default{
data(){
return{
// 地址
uploadUrl: this.config.apiUploadFile,
imageUrl: '',
form:{
imgUrl:''
}
},
// 上传
handleSuccess (response, file, fileUpLoad) {
this.form.imgUrl= response.data
},
handleRemove (file, fileList) {
console.log(file, fileList)
}
}