artur4ek94
@artur4ek94
ПАжилой программист

Как отправить фото на сервер с ReactJS?

Доброго времени суток!
Как в ReactJS мне передать фото на сервер?
Фото на клиентской стороне выбирается вот так:
<input type="file"
value={this.state.photo}
accept="image/jpeg,image/png"
onChange={this.handleEnterPhoto}
 />

Далее вот такой обработчик:
handleEnterPhoto(event){
        this.setState({
            photo: event.target.value
        });
        console.log(event.target.value);
    }

И по нажатию на кнопку мне просто передавать на сервер json вот так?
{photo: this.state.photo}
В консоли при выборе фото выводится такое:
C:\fakepath\logo1.png
  • Вопрос задан
  • 142 просмотра
Решения вопроса 1
@davidnum95
handleEnterPhoto(event){
        this.setState({
            photo: event.target.files[0]
        });
    }
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@artemmityushov
Вам нужно слать форму, а не просто value от input-а, value будет локальный адрес файла, а при отправке формы будет отправляться само изображение.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
18 авг. 2018, в 17:54
6000 руб./за проект
18 авг. 2018, в 16:00
60000 руб./за проект