php上传多张图片为什么只显示一张,javascript,_js多张图片上传 也拿到多张图片的路径 在页面上展示只显示一张？只执行了一次？？？，javascript - phpStudy...
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？