Собственно, хотелось бы сделать поле выбора файла в нормальном виде — ни в стандартных ни в material-ui не нашел.
примерно так:
<input accept="image/*" className={classes.input} id="raised-button-file" multiple type="file" /> <label htmlFor="raised-button-file" className={classes.label}> <Button variant="contained" color="primary" component="span" className={classes.button}>Upload </Button> </label>
С помощью File API
Вот функция обработки формы:
uploadFile(event) { var reader = new FileReader(); reader.onload = (function(theFile) { return function(e) { axios({ method: 'post', url: 'http://localhost:5000/api/upload/', params: { name: theFile.name, file: e.target.result } }) .then(res => console.log(res)) .catch(err => console.log(err)); }; })(event.target.files[0]); reader.readAsDataURL(event.target.files[0]); }
Для отправки комментария вам необходимо авторизоваться.
Вести с Хабра
примерно так:
Есть также react-file-input<input
accept="image/*"
className={classes.input}
id="raised-button-file"
multiple
type="file"
/>
<label htmlFor="raised-button-file" className={classes.label}>
<Button variant="contained" color="primary" component="span" className={classes.button}>Upload
</Button>
</label>
С помощью File API
Вот функция обработки формы: