Stopped calling uploadFiles multiple times for a single upload

web/react/components/create_post.jsx

@@ -262,9 +262,7 @@ class CreatePost extends React.Component {
             message = err.message;
         }
 
-        if (clientId === -1) {
+        if (clientId !== -1) {
-            this.setState({serverError: message});
-        } else {
             const draft = PostStore.getDraft(this.state.channelId);
 
             const index = draft.uploadsInProgress.indexOf(clientId);
@@ -274,8 +272,10 @@ class CreatePost extends React.Component {
 
             PostStore.storeDraft(this.state.channelId, draft);
 
-            this.setState({uploadsInProgress: draft.uploadsInProgress, serverError: message});
+            this.setState({uploadsInProgress: draft.uploadsInProgress});
         }
+
+        this.setState({serverError: message});
     }
     removePreview(id) {
         const previews = Object.assign([], this.state.previews);

web/react/components/file_upload.jsx

@@ -108,12 +108,12 @@ class FileUpload extends React.Component {
         }
     }
 
-    handleChange() {
+    handleChange(e) {
-        var element = $(ReactDOM.findDOMNode(this.refs.fileInput));
+        if (e.target.files.length > 0) {
+            this.uploadFiles(e.target.files);
 
-        this.uploadFiles(element.prop('files'));
+            Utils.clearFileInput(e.target);
-
+        }
-        Utils.clearFileInput(element[0]);
     }
 
     handleDrop(e) {