从element-ui中找到图片上传的相关代码 网址:组件 | Element
![](https://img-blog.csdnimg.cn/img_convert/ec045d1e5a8dfd7c873810aaedcdb141.png)
更改图片的路径
![](https://img-blog.csdnimg.cn/img_convert/ba605ff5f72a351644b22479c459168b.png)
复制上传相关的图片浏览和上传前的图片校验方法(复制)
![](https://img-blog.csdnimg.cn/img_convert/354bf425f11aa48306f83288bef55772.png)
写后端方文件上传方法,这里使用的是自己定义starter的上传方法
![](https://img-blog.csdnimg.cn/img_convert/4de0092740f1615b2e06474d83510ae6.png)
正常的图片上传后端方法:
![](https://img-blog.csdnimg.cn/img_convert/a7cd89e4e7f90461f4df0a881383fae0.png)
给图片的值赋值
![](https://img-blog.csdnimg.cn/img_convert/421f8ca600afb5b2a1681edce0b6cb48.png)
在列表中显示图片,只需传入路径
![](https://img-blog.csdnimg.cn/img_convert/b04cd84b6255a965cb646b4c63bc751a.png)
加入config配置(完成图片上传)
![](https://img-blog.csdnimg.cn/img_convert/dbb8feeead29ed1a0b988e8263fea6a8.png)
从element-ui中找到图片上传的相关代码 网址:组件 | Element
更改图片的路径
复制上传相关的图片浏览和上传前的图片校验方法(复制)
写后端方文件上传方法,这里使用的是自己定义starter的上传方法
正常的图片上传后端方法:
给图片的值赋值
在列表中显示图片,只需传入路径
加入config配置(完成图片上传)