Передача img из магазина редукса в Реакт-Конве - PullRequest
Новая
       8

Передача img из магазина редукса в Реакт-Конве

0 голосов
/ 25 мая 2018

Пользователь выбирает изображение со своего компьютера.Затем приложение читает файл с FileReader как DataUrl, а затем результат отправляется в хранилище.И теперь мне нужно сделать изображение для отображения из этого DataUrl.Я думаю, что это должно быть как-то передано и проанализировано в реаги-конве.

inputImageChanged = (e: React.ChangeEvent<HTMLInputElement>) => {
  const file = e.currentTarget.files[0];
  const reader = new FileReader();
  reader.readAsDataURL(file);
  reader.onload = evt =>
    this.props.dispatch(
      surfaceGridModalActions.inputSurfaceGridImage(evt.target.result)
    );
};

1 Ответ

0 голосов
/ 26 мая 2018

Вам просто нужно использовать этот URL-адрес в качестве источника изображения: 

class UserImage extends React.Component {
  state = {
    image: new window.Image()
  };
  componentDidMount() {
    this.state.image.src = this.props.dataURL;
    this.state.image.onload = () => {
      // so we need to update layer manually
      this.imageNode.getLayer().batchDraw();
    };
  }

  render() {
    return (
      <Image
        image={this.state.image}
        y={250}
        ref={node => {
          this.imageNode = node;
        }}
      />
    );
  }
}
...