element-ui upload组件手动上传 , 一次请求多张图片合并上传到PHP后台

2021/7/27 9:05:49

本文主要是介绍element-ui upload组件手动上传 , 一次请求多张图片合并上传到PHP后台,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

在C站我有发过,所以直接复制过来了哈

默认它是多张图片多次请求,但我后台只收到了最后一张,因为我是个大白, 但我确定后台代码没错的.然后去搜,但搜到的答案都是一模一样的,而且我还是只接收到最后一张.废话不多,直接上代码吧

1,  设置 :自动上传:auto-upload="false",覆盖默认行为: http-request="coverUpload"

 

 

说明一下: http-request是在触发(this.$refs.upload.submit())上传后调用的

 

 

 2,定义一个变量

 

 

 3,定义覆盖函数以及上传,请注意红色箭头,注意红色箭头,注意红色箭头

 

 

 

我就是在这迷糊了,这不是坑,是我太菜,是我的错..我不懂..因为官方文档说,formData.append是追加而不是覆盖,所以我就跟着百度搜索出来的答案那样写.然并卵,,我只知道在html是这样写

<input type="file" name="image[]">,,,可不知道这里也要[],,,,

搜索到的答案全部是这样的

 

  没加中括号,然而php打印是这样的,这有一张且最后一张,

 

  加了中括号之后

 



这篇关于element-ui upload组件手动上传 , 一次请求多张图片合并上传到PHP后台的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程