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?
總結
以上是生活随笔為你收集整理的php上传多张图片为什么只显示一张,javascript,_js多张图片上传 也拿到多张图片的路径 在页面上展示只显示一张?只执行了一次???,javascript - phpStudy...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: php ajax城市联动,php+aja
- 下一篇: php 6.0新特性,新版特性 | 序言