首页 > 开发 > HTML > 正文

FormData实现多图片上传的问题,(FormData.get('file[]')取到的files一样。

2017-09-09 13:19:13  来源: 网友分享

HTML代码

 <div class="z_file">      <input type="file" name="imgfile" id="file" value="" accept="image/*" multiple="true" onchange="imgChange('z_photo','z_file');">  </div>

js代码:

var fileList = document.getElementById("file").files;alert(fileList.length)var ossData = new FormData();for (var i = 0; i < fileList.length; i++) {    ossData.append("file[]", fileList[i])    console.log(ossData.get('file[]'));   }

结果:
alert出来的长度正确,但是输出的files是一样的,如图

求教各路大神,在此谢过。

解决方案

get('file[]')是只能获取key为file[]的第一个值,也就是你一直获取的是第一个img,你用getAll('file[]')试试