ES
Size: a a a
2019 May 12
ES
Фулстек = недофронт, недобек
и
И на входе и выходе
можешь создать изолированно свою форму на https://codesandbox.io что ли
VL
Спроси у бэка как файлы передавать, или в доке может где то есть... А то так гадать в base64 или ссылкой и где-то есть роут куда можно файлы скормить... Читай доку как бэк работает крч
ВФ
Не рабоатет
let formData = new FormData()
formData.append('id', this.key)
if (this.images.length) {
this.images.map(image => {
formData.append('images', image)
}
})
}
axios({
method: 'post',
url: ‘example.com/api/’,
config: {
headers: {'Content-Type': 'multipart/form-data'}
},
data: formData
formData.append('id', this.key)
if (this.images.length) {
this.images.map(image => {
formData.append('images', image)
}
})
}
axios({
method: 'post',
url: ‘example.com/api/’,
config: {
headers: {'Content-Type': 'multipart/form-data'}
},
data: formData
ВФ
вот кусок кода, рабочий, может поможет
ВФ
для formData должен быть по идее post запрос
ВФ
и попробуй прописать headers
и
Фулстек = недофронт, недобек
а я думал и фронт и бэк))
VL
а я думал и фронт и бэк))
Таких не существует это миф))
ВФ
фулстек это отмазка для заказчиков, которые не хотят платить за несколько разрабочиков)
ВФ
фронт + бэк + дизайнер = это еще интереснее)
A
let formData = new FormData()
formData.append('id', this.key)
if (this.images.length) {
this.images.map(image => {
formData.append('images', image)
}
})
}
axios({
method: 'post',
url: ‘example.com/api/’,
config: {
headers: {'Content-Type': 'multipart/form-data'}
},
data: formData
formData.append('id', this.key)
if (this.images.length) {
this.images.map(image => {
formData.append('images', image)
}
})
}
axios({
method: 'post',
url: ‘example.com/api/’,
config: {
headers: {'Content-Type': 'multipart/form-data'}
},
data: formData
А картинки мне как сохранять?
A
onFilesChange = (files) =>{
this.setState({images: [ {image: files[1]}, {image: files[2]}, {image: files[3]} ]});
}
submitIdea = () => {
const idea = new FormData();
idea.append("title", this.state.title);
idea.append("description", this.state.description);
idea.append("file", this.state.file);
idea.append("images", this.state.images);}
this.setState({images: [ {image: files[1]}, {image: files[2]}, {image: files[3]} ]});
}
submitIdea = () => {
const idea = new FormData();
idea.append("title", this.state.title);
idea.append("description", this.state.description);
idea.append("file", this.state.file);
idea.append("images", this.state.images);}
Я так делал
ВФ
А картинки мне как сохранять?
а для этого есть вот такое вот чудо-юдо
let reader = new FileReader()ВФ
примерно вот так вот
let reader = new FileReader()
reader.addEventListener('load', function () {
this.imagesObjects.push(reader.result)
}.bind(this), false)
reader.readAsDataURL(this.images[i])
ВФ
в общем получается, читаешь картинки с помощью
FileReader(), получаешь объекты, ложишь их в new FormData() и шлеш на серверВФ
и счастье есть
ВФ
кури доку, там все есть, можешь ложить base64, blob и тд, и опять же все зависит от того, что именно принимает сервер
VL
Может быть есть отдельный путь который хавает формы и возвращает айди и ссылку