summaryrefslogtreecommitdiff
path: root/client/lib/uploadImage.component.js
diff options
context:
space:
mode:
authorJules Laplace <julescarbon@gmail.com>2019-04-28 15:54:41 +0200
committerJules Laplace <julescarbon@gmail.com>2019-04-28 15:54:41 +0200
commitaa5638a1c31ce56d59696580f33733dcf0d7764c (patch)
treec2d1bd0e480b9bae113ce9af706927c5b7c55952 /client/lib/uploadImage.component.js
parenta72ecc91db39ac5a2d60aefc6d767da457500dde (diff)
refactor frontend, add threshold slider
Diffstat (limited to 'client/lib/uploadImage.component.js')
-rw-r--r--client/lib/uploadImage.component.js46
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
- />
- )
- }
-}