reactjs - 在 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>
解决方案
推荐阅读
- logstash - logstash,grok - 多行数据后如何匹配可选字段?
- java - '<> 不是抽象的,并且不会覆盖抽象方法 keyReleased',即使没有使用 keyReleased
- android - Layout Inspector - 如何查找文本元素的当前字体
- python - 如何使用 SQLAlchemy 声明性 ORM 在声明的属性上设置索引?
- excel - 从新工作表执行 ADO 宏的问题
- c# - 如何在 Azure IoT Hub c# 中使用设备类型连接字符串注册设备?
- javascript - 将动态形状放置在同一位置
- shell - 如何使用 xsltproc 将 shell 变量传递给 xsl?
- c# - 将 EF Core 迁移与现有 EF6 迁移结合使用
- grails - 从数据库函数查询到 Gorm 字段的结果