在 vuejs2 應用程式中，我上傳了以模態形式選擇的影像，我只想關閉這個模態表單，所有影像都保存好（呼叫 self.hidePhotosUploadingModal()方法）
為此，我在任何成功上傳時設定了 var upload_count 和 inc，但檢查
uploaded_count我看到的值是NaN
savePhotosUploadingModal() {
let uploaded_count= 0
let self = this
this.imagePhotosUploadingFiles.map((nextImagePhotosUploadingFile, index) => {
fetch(nextImagePhotosUploadingFile.blob).then(function (response) {
if (response.ok) {
return response.blob().then(function (imageBlob) {
let imageUploadData = new FormData()
imageUploadData.append('image', imageBlob)
imageUploadData.append('image_filename', nextImagePhotosUploadingFile.name)
Window.axios.post('/profile/upload_photo', imageUploadData).then(({data}) => {
// self.uploaded_count // IF TO UNCOMMENT THIS LINE THAT DOES NOT WORK ANYWAY
self.uploaded_count = self.uploaded_count 1
console.log('self.uploaded_count::') // I SEE NaN IN BROWSER'S CONSOLE
console.log(self.uploaded_count)
if (self.uploaded_count === self.imagePhotosUploadingFiles.length) {
self.hidePhotosUploadingModal()
}
self.loadLoggedInactivePhotos()
}).catch((error) => {
console.error(error)
})
})
} else {
return response.json().then(function (jsonError) {
console.error(jsonError)
})
}
}).catch(function (error) {
console.error(error)
}) // fetch(nextImagePhotosUploadingFile.blob).then(function (response) {
}) // this.imagePhotosUploadingFiles.map((nextImagePhotosUploadingFile, index) => {
}, // savePhotosUploadingModal
如何解決？
謝謝！
uj5u.com熱心網友回復：
試著self.uploaded_count改變uploaded_count
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/419959.html
標籤：