return error when status is not 2xx

Author: nachoab

file-uploader-progress.html

@@ -75,7 +75,7 @@
         height: 4px;
         left: 0;
         position: absolute;
-        width: 100%;        
+        width: 100%;
         --paper-progress-active-color: var(--file-uploader-progress-color, #2196f3);
       }
     </style>
@@ -168,6 +168,7 @@
       } else {
         this._currentFile = this._getFileInProgress();
       }
+      this._opened = this.opened;
     },
 
     _progressChanged() {

file-uploader.html

@@ -174,9 +174,11 @@
           })
           .catch(err => {
             this.filesProgress.set(file, null);
+            this.files.splice(this.files.indexOf(file), 1);
+            this._updateProgress();
             this._setFailure(err && err.toString() ||
               `Error uploading ${file.name}`);
-            this.fire('upload-failed', {file});
+            this.fire('upload-failed', {file, error: this.failure});
             throw err;
           });
       });
@@ -233,7 +235,13 @@
         }
 
         const xhr = new XMLHttpRequest();
-        xhr.addEventListener('load', e => resolve({file, url}));
+        xhr.addEventListener('loadend', e => {
+          if (xhr.status >= 200 && xhr.status < 300) {
+            resolve({file, url});
+          } else {
+            reject(xhr.statusText);
+          }
+        });
         xhr.addEventListener('error', e => reject(e.currentTarget.response));
         xhr.open(method, url, true);