diff --git a/src/pages/detect.vue b/src/pages/detect.vue index 149f75e..b0f9f27 100644 --- a/src/pages/detect.vue +++ b/src/pages/detect.vue @@ -314,15 +314,23 @@ }); }, getImage () { + var self = this const searchImage = this.$refs.image_chooser.files[0] - //Promise goes here? - this.imageView = URL.createObjectURL(searchImage) - this.reader.readAsDataURL(searchImage) - this.imageLoaded = true - this.resultData = {} - this.selectedChip = -1 - const box = this.$refs.structure_box - box.style.display = 'none' + let loadImage =new Promise((resolve, reject) => { + this.imageView = URL.createObjectURL(searchImage) + this.reader.readAsDataURL(searchImage) + resolve() + }) + loadImage.then(() => { + this.imageLoaded = true + this.resultData = {} + this.selectedChip = -1 + const box = this.$refs.structure_box + box.style.display = 'none' + }).catch((e) => { + console.log(e.message) + f7.dialog.alert('Error loading image') + }) } } }