xxxxxxxxxx
handleUpload = (e) => {
e.preventDefault();
let reader = new FileReader();
let file = e.target.files[0];
if (file && (file.size < 30000 || file.size > 5000000)) e.target.setCustomValidity('File must be 30kb to 5mb in size.');
else e.target.setCustomValidity('');
reader.onloadend = () => {
this.setState({
file,
image: reader.result
});
}
reader.readAsDataURL(file);
}
<input
onChange={this.handleUpload}
id="upload" name="upload" type="file" accept=".jpg, .jpeg" />