预览从Material-UI中的图库中选择的图像以进行反应

时间:2018-07-01 16:54:29

标签: reactjs image material-ui

我正在尝试使用一个上传按钮来上传图像。提交之前,我想在选择图像后立即显示它。

我正在使用material-ui库进行反应。下面是我尝试过的方法,但是一旦选择新图像,该图像元素就会从DOM中销毁。

constructor(props){
    super(props);
    this.state={
        newImage:'https://seeklogo.com/images/I/instagram-new-2016-logo-4773FE3F99-seeklogo.com.png',
    }
}

。 。

<Avatar
   alt="Selected Image"
   src={this.state.newImage}
   className={classes.bigAvatar}
/>
<RaisedButton
   <input 
      type="file" 
      onChange = {(event,newValue) => this.setState({newImage:newValue})} 
   />
</RaisedButton>

0 个答案:

没有答案