Fix file upload page when adding the same file multiple times

Scille · Apr 23, 2020 · 01a01be · 01a01be
1 parent bac5305
commit 01a01be
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/app/scripts/xin/upload_file/upload_file_ctrl.coffee b/app/scripts/xin/upload_file/upload_file_ctrl.coffee
@@ -55,15 +55,19 @@ angular.module('xin_uploadFile', ['appSettings', 'xin_s3uploadFile', 'xin.fileUp
 
       # File form
       file_selector_elem = elem.find('.file-selector')[0]
-      file_selector_elem.addEventListener 'change', ->
+      # Use `angular.element.on` instead of `addEventListener` so Angular
+      # knows about the event and can update the view accordingly
+      angular.element(file_selector_elem).on 'change', ->
         for file in file_selector_elem.files
           scope.newUpload(file)
 
         form_elem.reset()
 
       # Folder form
       folder_selector_elem = elem.find('.folder-selector')[0]
-      folder_selector_elem.addEventListener 'change', ->
+      # Use `angular.element.on` instead of `addEventListener` so Angular
+      # knows about the event and can update the view accordingly
+      angular.element(folder_selector_elem).on 'change', ->
         for file in folder_selector_elem.files
           scope.newUpload(file)