Clear the file input prior to triggering it

This ensures the change event is fired even if the file didn't change

Fixes #2

2 files changed, 7 insertions, 2 deletions

diff --git a/app/index.html b/app/index.html
index adb7591..93fa57e 100644
--- a/app/index.html
+++ b/app/index.html
@@ -107,8 +107,10 @@
         <div class="row">
             <div class="col-lg-12">
                 <center>
-                    <input type='file' v-el:upload style="display: none" id="uploadInput"/>
-                    <button class="btn btn-primary" v-on:click="upload()" id="uploadButton">Upload</button>
+                    <form id="fileUploadForm">
+                        <input type="file" v-el:upload style="display: none" id="uploadInput"/>
+                        <button class="btn btn-primary" v-on:click="upload()" id="uploadButton">Upload</button>
+                    </form>
                 </center>
                 <br/>
             </div>
diff --git a/app/js/app.js b/app/js/app.js
index 6017d25..f207de6 100644
--- a/app/js/app.js
+++ b/app/js/app.js
@@ -143,6 +143,9 @@ function upload() {
         });
     });
 
+    // reset the form first to make the change handler retrigger even on the same file selected
+    $('#fileUploadForm')[0].reset();
+
     app.$els.upload.click();
 }