У меня есть приложение реакции, у которого есть базовая страница регистрации, и часть которой позволяет пользователям загружать фотографию профиля.Я прочитал здесь много ответов относительно отправки изображений на сервер, но ни один из них не помог мне.Чтобы преодолеть C:\\fakepath\\img-name
.Есть ли способ для меня преобразовать изображение в буферный массив для отправки вместе с остальными моими полями ввода?
Вот как я отправляю свои данные в API:
handleSubmit(){
let fname = this.state.fname;
let lname = this.state.lname;
let email = this.state.email;
let password = this.state.password;
let mentor = this.state.mentor;
let mentee = this.state.mentee;
let photo = this.state.photo
let interest1 = this.state.interest1;
let interest2 = this.state.interest2;
let interest3 = this.state.interest3;
let course = this.state.course;
const requestBody = {
fname: fname,
lname: lname,
email: email,
password: password,
photo: photo,
mentor: mentor,
mentee: mentee,
interest1: interest1,
interest2: interest2,
interest3: interest3,
course: course
}
const config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}}
if(this.checkValidation()) {
request.post("/register",qs.stringify(requestBody),config)
.then(result => this.setState({submitStatus: result.status}))
.catch(err => console.log(err))
}
}
Когда я отправляю это на свой сервер API, я получаю:
{ fname: 'Naruto',
lname: 'Uzumaki',
email: 'Naruto@konoha.com',
password: 'Hokage',
mentor: 'on',
mentee: '',
interest1: 'Anime',
interest2: 'Football',
interest3: 'Gaming',
course: 'CPSS' }
Любая помощьв связи с этим будет принята с благодарностью!