您的位置:首页 > 科技 > IT业 > el-upload上传文件使用http-request方法,formdata传集合List到后台

el-upload上传文件使用http-request方法,formdata传集合List到后台

2024/9/24 1:16:48 来源:https://blog.csdn.net/m0_50207524/article/details/139307072  浏览:    关键词:el-upload上传文件使用http-request方法,formdata传集合List到后台

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"</

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com