mirror of https://github.com/kern/filepizza
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
477 B
JavaScript
27 lines
477 B
JavaScript
import React from 'react';
|
|
|
|
export default class DropZone extends React.Component {
|
|
|
|
dragOver(e) {
|
|
e.preventDefault();
|
|
e.dataTransfer.dropEffect = 'copy';
|
|
}
|
|
|
|
drop(e) {
|
|
e.preventDefault();
|
|
var file = e.dataTransfer.files[0];
|
|
this.props.onDrop(file);
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div className="drop-zone"
|
|
onDragOver={this.dragOver.bind(this)}
|
|
onDrop={this.drop.bind(this)}>
|
|
Drop a file here.
|
|
</div>
|
|
);
|
|
}
|
|
|
|
}
|