ruoyi/若依自带的文件(头像)上传功能是如何实现的?

前置

我的ruoyi版本是:3.8.6 前后端分离版
官方网站:RuoYi-Vue

前端VUE

在VUE中我们之间使用image-upload标签显示一个上传按钮,但是image-upload是一个自定义的组件不是element-ui自带的;
组件的位置在 -> ruoyi-ui\src\components\ImageUpload

<image-upload v-model="form.xxx"/>

接下来我们关注的上图片上传到哪去了?看看源码:

uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传的图片服务器地址

也就是说图片会上传到上述地址,那么这个地址是什么呢?

查看 .env.development 文件后就可以看出,这是后台的一个接口。

后台springboot

CommonController这个类中,我们可以找到这个接口:

@RestController
@RequestMapping("/common")
public class CommonController
{
   
   
	
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值