el-upload上传文件 前后端_springboot+element-ui实现文件上传

后端步骤:

1、在springboot中首先添加pom.xml 的相关依赖;

v2-23ff716cb5e34f5b1fc42bb7f75af3de_b.jpg

2、在全局配置文件中添加相关配置文件(application.properties)

spring.servlet.multipart.enabled=true

spring.servlet.multipart.file-size-threshold=0

spring.servlet.multipart.location=E:temp

spring.servlet.multipart.max-file-size=1MB

spring.servlet.multipart.-max-request-size=10MB

spring.servlet.multipart.resolve-lazily=false

代码解释:

第1行,表示是否开启文件上传支持,默认为true.

第2行,表示文件写入磁盘的值,默认为0

第3行,表示上传文件的临时保存位置

第4行,表示上传的单个文件的最大大小,默认值为1MB

第5行,表示多个文件上传时文件的总大小,默认为10MB。

第6行,表示文件是否延迟解析。默认为false.

2、编写controller 前端控制器:

v2-ead7358827b0e8d1484053457eece772_b.jpg

注意:因为是前后端分离技术:要记得在后端程序写上跨域功能(cros);

前端过程:

v2-2c67c15510740c1c17ab07889529162c_b.jpg

注意:要使用element-ui 必须要引入Vue.js 文件

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值