Change image loading to promise (#25)

This PR makes the detection page image loading a promise for better loading success and error handling.

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>

Reviewed-on: Georgi_Lab/ALVINN_f7#25

src/pages/detect.vue

@@ -314,15 +314,23 @@
         });
       },
       getImage () {
+        var self = this
         const searchImage = this.$refs.image_chooser.files[0]
-        //Promise goes here?
+        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')
+        })
       }
     }
   }