springboot+vue+el-upload 实现图片上传跟回显

springboot+vue+el-upload 实现图片上传跟回显

1. 前端
   在main.js 中引入 element ui 组件

   import ElementUI from ‘element-ui’;
   import ‘element-ui/lib/theme-chalk/index.css’;
   Vue.use(ElementUI)

2. 在页面表单中引入图片上传组件
   

3. 在这个地方注意，有两种方式可以实现上传,第一种通过组件自带的action方式实现，第二种通过自定义方式实现，我这里选用第二种实现方式
   
   
   到此前端图片上传结束

4. 后台接收图片接口,在yml文件中设置默认图片上传地址

    img:
       path: D:\img\vueimg\

    @Value("${img.path}")
    private String basePath;```

```java
    @RequestMapping(value = "/uploadFile")
    @ResponseBody
    public