const [imagePreview, setImagePreview] = React.useState(null);
const handleChangeImage = event => { let reader = new FileReader(); let file = event.target.files[0]; reader.onload = event => { console.log(event); setImagePreview(event.target.result); }; reader.readAsDataURL(file);
};
return ( <div> <input accept="image/*" id="contained-button-file" multiple type="file" style={{ display: 'none' }} onChange={handleChangeImage} /> <img id="preview" src={imagePreview} /> </div>
);