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.
47 lines
1.0 KiB
JavaScript
47 lines
1.0 KiB
JavaScript
'use strict';
|
|
const React = require('react');
|
|
const ReactDOM = require('react-dom');
|
|
const create = require('create-react-class');
|
|
|
|
let fileUpload = create({
|
|
displayName: "FileUpload",
|
|
|
|
setFileRef: function(e) {
|
|
if (e != null) {
|
|
e.addEventListener('change', this.startUpload);
|
|
this.setState({
|
|
fileRef: e
|
|
});
|
|
}
|
|
},
|
|
|
|
startUpload: function(e) {
|
|
Array.from(e.target.files).forEach((file) => {
|
|
if (file.type.startsWith("image/")) {
|
|
let reader = new FileReader();
|
|
reader.onloadend = () => {
|
|
let fileObject = {
|
|
file: file,
|
|
preview: reader.result
|
|
};
|
|
this.props.addUpload(fileObject);
|
|
};
|
|
reader.readAsDataURL(file);
|
|
} else {
|
|
this.props.addUpload({file: file, preview: "/icons/file.svg"});
|
|
}
|
|
});
|
|
},
|
|
|
|
render: function() {
|
|
return (
|
|
<div className="fileUpload">
|
|
<input type="file" id="fileUpload" multiple ref={this.setFileRef} />
|
|
<label htmlFor="fileUpload"><img src="/icons/file.svg"/></label>
|
|
</div>
|
|
);
|
|
}
|
|
});
|
|
|
|
module.exports = fileUpload;
|