Как работает передача картины с frontend к backend и как хранится в базы данных?

Question

[Dosya]

Доброго времени суток господа программисты, у меня такой вопрос. К примеру я загрузил картины в input file, и как она передается в бэкенд. Я понимаю данные передается через API, через fecth запрос, но вот с картинками я не особо понимаю. Кто знает пожалуйста объясните на примере React js и Node js, так как я пишу на React

Answer 1

[n1ksON]

https://learn.javascript.ru/file
Пример на React:

const Component = () => {
  const fileReader = (e) => {
    let reader = new FileReader();
    const file = e.target.files[0]
    reader.readAsDataURL(file);
    reader.onload = () => {
      console.log(reader.result)
      // здесь инициализируем отправку изображения на сервер
    };
  }
  return (
    <div>
      <input type="file" accept='image/*' onChange={fileReader} />
    </div>  
  )
}

Comments

[Dosya]

Все сработала, благодарю вас за ответ!

[Dosya]

У меня вопрос с музыкой и с видео тоже самое? Или про другому

[n1ksON]

Dosya, с музыкой и видео тоже самое. Только accept выставляйте соответствующий. Подробнее

[Dosya]

n1ksON, понял, еще раз спасибо вам большое