diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2019-04-28 15:54:41 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2019-04-28 15:54:41 +0200 |
| commit | aa5638a1c31ce56d59696580f33733dcf0d7764c (patch) | |
| tree | c2d1bd0e480b9bae113ce9af706927c5b7c55952 /client/lib/uploadImage.component.js | |
| parent | a72ecc91db39ac5a2d60aefc6d767da457500dde (diff) | |
refactor frontend, add threshold slider
Diffstat (limited to 'client/lib/uploadImage.component.js')
| -rw-r--r-- | client/lib/uploadImage.component.js | 46 |
1 files changed, 0 insertions, 46 deletions
diff --git a/client/lib/uploadImage.component.js b/client/lib/uploadImage.component.js deleted file mode 100644 index 690c0dc..0000000 --- a/client/lib/uploadImage.component.js +++ /dev/null @@ -1,46 +0,0 @@ -import React, { Component } from 'react' - -import { renderThumbnail } from './upload.helpers' - -export default class UploadImageComponent extends Component { - upload(e) { - 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) return - const fr = new FileReader() - fr.onload = fileReaderEvent => { - fr.onload = null - const img = new Image() - img.onload = () => { - img.onload = null - this.resizeAndUpload(img) - } - img.src = fileReaderEvent.target.result - } - fr.readAsDataURL(files[0]) - } - - resizeAndUpload(img) { - const canvas = renderThumbnail(img) - canvas.toBlob(blob => { - this.props.onUpload(blob) - }, 'image/jpeg', 80) - } - - render() { - return ( - <input - type="file" - name="img" - accept="image/*" - onChange={this.upload.bind(this)} - required - /> - ) - } -} |
