From ef78bc6a084f92b4794e987b5832240d85b6479e Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Wed, 22 Jul 2020 14:05:15 +0200 Subject: refactor app using babel module-resolver --- .../frontend/common/uploadImage.component.js | 74 ---------------------- 1 file changed, 74 deletions(-) delete mode 100644 animism-align/frontend/common/uploadImage.component.js (limited to 'animism-align/frontend/common/uploadImage.component.js') diff --git a/animism-align/frontend/common/uploadImage.component.js b/animism-align/frontend/common/uploadImage.component.js deleted file mode 100644 index f712d6c..0000000 --- a/animism-align/frontend/common/uploadImage.component.js +++ /dev/null @@ -1,74 +0,0 @@ -import React, { Component } from 'react' - -import { renderThumbnail } from './upload.helpers' - -export default class UploadImageComponent extends Component { - constructor(props) { - super(props) - document.body.addEventListener("dragover", this.dragOver.bind(this)) - document.body.addEventListener("dragleave", this.dragLeave.bind(this)) - document.body.addEventListener("drop", this.upload.bind(this)) - } - - dragOver(e) { - e.stopPropagation() - e.preventDefault() - document.body.className = 'dragging' - } - - dragLeave(e) { - e.stopPropagation() - e.preventDefault() - document.body.className = '' - } - - upload(e) { - e.preventDefault() - document.body.className = '' - const files = e.dataTransfer ? e.dataTransfer.files : e.target.files - let i - let file - for (i = 0; i < files.length; i++) { - file = files[i] - if (file && file.type.match('image.*')) break - } - if (!file) { - console.log('No file specified') - return - } - const fr = new FileReader() - fr.onload = fileReaderEvent => { - fr.onload = null - const img = new Image() - img.onload = () => { - img.onload = null - this.resizeAndUpload(file, img) - } - img.src = fileReaderEvent.target.result - } - fr.readAsDataURL(file) - } - - resizeAndUpload(file, img) { - const canvas = renderThumbnail(img, this.props) - canvas.toBlob(blob => { - this.props.onUpload({ file, img, canvas, blob, freshen: true }) - }, 'image/jpeg', this.props.quality || 80) - } - - render() { - return ( -
- -
-
Drop image here
-
-
- ) - } -} -- cgit v1.2.3-70-g09d2