springBoot+element-ui实现图片上传

使用element-ui + vue +springboot + mybatis-plus技术实现

1.上传图片区

 
          
            点击上传
          

使用element-ui组件中的 标签 ， 默认传的文件名是file

• class="upload-demo"：这个属性指定了组件的 CSS 类名，可以通过该类名来自定义组件的样式。

• action="http://localhost:8080/upload/uploadSignle"：这是上传的目标地址，即文件将会被上传到该 URL 对应的服务端接口。在这个例子中，文件将被上传到 http://localhost:8080/upload/uploadSignle。

• :on-success="handleSuccess"：这是一个事件监听器，用于监听文件上传成功的事件。:on-success 是 Vue.js 中绑定事件的一种方式，它将 handleSuccess 方法与上传成功的事件进行关联。当文件成功上传后，handleSuccess 方法将被调用。

• :show-file-list="false"：这个属性用于控制是否显示已上传文件列表。在这里，设置为 false 表示不显示已上传文件列表。

• 点击上传：这个部分包含了一个按钮元素，用户点击该按钮时将触发文件选择框或上传动作

2.图片展示区

注意：必须使用