Question

我的表格是这样的：

<InsertItemComponent
                    name={"MAIN IMAGE"}
                    cName={"input-file"}
                    req={true}
                    tType={"file"}
                    onChange={this.handleProductMainImage}
                    accept={".jpg, .jpeg, .png"}
                />

InsertItemComponent：

<div className="form-group">
            <label className="col-md-4 control-label">{this.props.name}</label>
            <div className="col-md-4">
                <input name={this.props.forName} placeholder={this.props.name} onChange={this.props.onChange}
                    className={this.props.cName} required={this.props.req} type={this.props.tType}
                    accept={this.props.accept} />
            </div>
        </div>

现在我的处理程序成功提取了图像对象：

handleProductMainImage = e => {
    console.log(e.target.files[0]);
}

我的问题是如何渲染这个以显示我选择的图像。我如何在字符串上编码/解码该图像，以便我可以在服务器上以字符串类型发送

Answer 1

利用React状态。使用setState（）来反映所选的新图像

在React网络应用上呈现图片

1 个答案: