使用vant的Uploader组件+axios+springmvc进行多文件上传

最新推荐文章于 2024-04-16 11:07:13 发布

不知道取啥名2021

最新推荐文章于 2024-04-16 11:07:13 发布

阅读量1.2k

点赞数 3

分类专栏： Vue

本文链接：https://blog.csdn.net/u013447988/article/details/107782259

版权

本文介绍了如何结合vant的Uploader组件、axios和springmvc实现前端多文件上传。前端通过遍历文件并使用FormData append方法逐个添加到请求中，确保后端能正确接收到文件信息。后端利用MultipartFile接收文件列表。

摘要由CSDN通过智能技术生成

1.页面upload.vue,使用vant的Uploader 组件

  <van-uploader v-model="aaFiles" upload-text="附件列表1"/>    
  <van-uploader v-model="bbFiles" upload-text="附件列表2"/>

2.用FormData对象接收数据，使用axios上传文件到后端。

	let formData = new FormData();

  if (this.aaFiles.length > 0) {
   
        for (let index = 0; index

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注