Question

我想上传图片并在按钮下方的网站上显示。到目前为止，我有这个：

父组件：

render() {
    const {user} = this.state;
    return (
        <div style={{marginTop: 150}}>
            <TakePictureComponent setImage={this.setImage}/>
            <DisplayPictureComponent image={this.state.image}/>
        </div>
    );
}

拍照：

handleChange(e) {
    const {files} = e.target;
    this.props.setImage(files[0]);
    this.setState({image: files[0]});
}

render() {
    return (
        <div>
            <input onChange={this.handleChange} type="file" accept="image/jpg" capture="camera"/>
        </div>
    );
}

显示图片：

render() {
    return (
        <div>
            <img src={this.props.image} alt={''}/>
        </div>
    );
}

那么我该如何上传并显示它？现在，这是控制台中的files[0]：

{
    'FilelastModified': 1541008471000,
    'name': "5bc9d28270e5375dfbfe17fd",
    'size': 17283,
    'type': "",
    'webkitRelativePath': "",
}

这是什么，但是我只需要将文件上传到浏览器内存中，并在下面显示即可。我该怎么办？

将图像上传到浏览器内存

0 个答案: