Загрузить фото с помощью React и отправить в магазин Redux

Я загружаю файл (только одно изображение) в свой реактивный компонент и получаю blob: ссылку

class User extends React.Component  {

onDrop(acceptedFiles, rejectedFiles) {
  let filesToBeSent = this.state.filesToBeSent;
      filesToBeSent = acceptedFiles[0]
      const fileUrl = acceptedFiles[0].preview

      this.setState({filesToBeSent});

      console.log(fileUrl);
      //blob:http://localhost:8000/03d351f2-3412-458d-9002-3cfab623db12
    }

  render() {
  return (
      <Dropzone onDrop={(files) => this.onDrop(files)}
                className='tn btn-primary btn-sm'
                multiple={false}
                accept="image/*"
                name='profile_image_big'
              />
      )
    }
  }

и у меня есть изображение по умолчанию в скриншоте магазина

Как я могу просто заменить ссылку по умолчанию на новую в магазине Redux и на сервере?

0 ответов

Другие вопросы по тегам