Задать вопрос
@DeniSidorenko

React, как правильно наладить загрузку изображений?

Добрый день, не могу понять как решить данную задачу.
Есть такой state
const [form, setForm] = useState({
    name: "", price: "", weight: "", productImage: "", category: ""
  })

На инпуты события onChangeHandler
const onChangeHandler = event => {
    setForm({...form, [event.target.name] : event.target.value})
  }


Но как быть если мне надо отправить и file.
Я добавил такую проверку
const onChangeHandler = event => {
    if(event.target.files){
      const file = event.target.files[0]
      console.log(file)
    }
    setForm({...form, [event.target.name] : event.target.value})
  }


И действительно работает НО, я знаю что файл в таком формате нельзя поставить в setForm. Его можно вроде отправить через new FormData()
НО тогда другие значения нельзя отправить( что бы на стороне сервера express) получить его из req.files.
  • Вопрос задан
  • 62 просмотра
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Merion Academy
    Frontend-разработка на React
    4 месяца
    Далее
  • ProductStar
    React: отточите навыки интерфейсной разработки
    6 недель
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
от 250 000 до 300 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽