<el-upload
v-model:file-list="fileList"
:action="proxy.apiUrl + '******'"
//action上传地址proxy.apiUrl是获取地址前缀,后面是地址后缀
list-type="picture-card"
:headers="state.requestHeader"
//headers是请求headers头
:data="setUpData()"
//data是上传携带得参数
accept=".jpg,.jpeg,.png"
:on-success="handleSuccess"
>
<el-icon><Plus /></el-icon>
</el-upload>
<script setup>
const state = reactive({
//图片token
requestHeader: {
Authorization: `Bearer ${Local.get('token').replace(/\"/g, '')}`,
},
})
//上传图片相关
const setUpData = () => {
return { token: getToken() };
};
//上传图片成功
const handleSuccess = (res, file) => {
photoUrl = res.data.fileInfo.fileUrl;
};
</script>
vue上传图片给服务器拿到返回的地址给后端
最新推荐文章于 2024-01-07 21:00:20 发布