js多张图片上传 也拿到多张图片的路径 在页面上展示只显示一张？只执行了一次？？？

js多张图片上传 也拿到多张图片的路径 在页面上展示只显示一张？只执行了一次？？？

self.$els.uploader.addEventListener('change', function () {

if (this.files.length < 4 && self.uploadImgList.length >= 3) {

window.alert('您最多能上传4张图片')

return

}

for (var i = 0; i < this.files.length; i++) {

var formData = new window.FormData()

formData.append('refundProof', this.files[i])

console.log('您好' + this.files[i].size)

if (this.files[i].size < 5000000) {

formData.append('width', 120)

formData.append('height', 200)

var xhr = new window.XMLHttpRequest()

xhr.open('POST', config.root + '/' + config.uploadImageFile)

xhr.onload = function (e) {

if (xhr.status === 200) {

// 上传成功

// 把处理的好的图片给用户看

var data = JSON.parse(e.target.response)

if (data.success) {

// 这里只执行了一次就结束了，所以数组uploadImgList.leng=0 这是？？？

if (self.uploadImgList.length <= 3) {

self.uploadImgList.push(data.result.compressFilePath)

self.refundProofList.push(data.result.compressFileStoragePath)

console.log(data.result)

} else {

window.alert('您最多能上传4张图片')

}

if (self.refundImage) {

self.refundImage = false

}

} else {

}

} else {

}

}

xhr.onerror = function () {

// 处理错误

console.log('error', xhr)

}

xhr.send(formData)

} else {

window.alert('图片最大为5MB，您的图片超过规定的大小，请重新上传')

}

}

})

相关阅读:

phpstorm使用时的问题

IntelliJ IDEA 14.1.6 lombok无法getset

ionic ion-conent滚动条问题

在 symfony2 中使用 sonata-bundle，如何更加便捷地管理数据信息？

JavaScript， 这个警告信息是什么意思？怎么解决？

node报错Unexpected end of input

怎么理解node.js里面的middleware?

java 微信模拟登录错误,微信改版后不能使用

最小化浏览器 之后 ,消息提醒 如实实现让浏览器闪烁提醒?

android studio 编译错误

看看哪里的bug？

iOS 设置uitextview 不同字不同颜色

vue-resource和vue-waterfall如何合起来用

linux 我现在想要一个命令实现如下功能： 首先打印输出第一行 然后对后面剩余行输出grep ‘java’匹配的内容

如何提取一个文本中两行已知内容之间的内容？

为什么blade模板中可以直接调用Auth::user,DB::()等语句

如何检查git仓库是否完整？

PHP读写MongoDB，shell读写MongoDB，兵分两路操作，怎么数据还是相互隔离的？

php : curl fsockopen 去访问站点时候，相应时间特别长

haproxy 如何获取nginx传来的用户真实ip？