el-upload上传文件
- 前言
- 1、使用el-upload上传文件
-
- 1.1代码演示
- 1.2回显列表
- 2、formdata传集合List到Springboot后台
前言
在使用el-upload上传文件,会遇到必须使用:action="upload_url"远端链接的问题,本章我们讲解怎样不适用远端链接,通过上传获取到本地的file文件,然后通过new formData来传递给后台
1、使用el-upload上传文件
http-request 覆盖默认的上传行为,可以自定义上传的实现
on-change 文件状态改变时的钩子,添加文件、上传成功和上传失败时都会被调用 function(file, fileList)
before-upload 上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传。 function(file)
1.1代码演示
<el-form-item>
<el-upload action="#"
class="upload-demo"
:http-request="httpRequest"
:on-change="fileChange"
:before-upload="beforeUpload"
:file-list="fileList"
>
<el-button type="primary"</