umputun#371 upload image from clipboard

frontend/app/components/input/input.tsx

@@ -92,6 +92,7 @@ export class Input extends Component<Props, State> {
     this.appendError = this.appendError.bind(this);
     this.uploadImage = this.uploadImage.bind(this);
     this.uploadImages = this.uploadImages.bind(this);
+    this.onPaste = this.onPaste.bind(this);
   }
 
   componentWillReceiveProps(nextProps: Props) {
@@ -135,6 +136,13 @@ export class Input extends Component<Props, State> {
     });
   }
 
+  onPaste(e: ClipboardEvent) {
+    if (e.clipboardData && e.clipboardData.files.length > 0) {
+      const files = (e.clipboardData.files as unknown) as File[];
+      this.uploadImages(files);
+    }
+  }
+
   send(e: Event) {
     const text = this.state.text;
     const props = this.props;
@@ -363,6 +371,7 @@ export class Input extends Component<Props, State> {
         <div className="input__field-wrapper">
           <TextareaAutosize
             id={this.textareaId}
+            onPaste={this.onPaste}
             ref={ref => (this.textAreaRef = ref)}
             className="input__field"
             placeholder="Your comment here"