代码之家  ›  专栏  ›  技术社区  ›  Sonia

上传图片与流星反应

  •  0
  • Sonia  · 技术社区  · 8 年前

    如何将上载图像添加到React表单?

    <form onSubmit={this.handleSubmit.bind(this)} >
                    <label>Titre</label>
                    <input className="form-control" 
                    type="text"
                    ref="title"
                    name="titleLoi"
                    value={this.state.titre}
                    onChange={this.handleChange.bind(this)}/>
    
                    <label>Description</label>
                    <input className="form-control"
                    type="text"
                    ref="abstract"
                    name="abstractLoi"
                    value={this.state.abstract}
                    onChange={this.handleChange.bind(this)}/>
    
                    <button className="btn btn-primary">Enregistrer</button>
                </form>
    

    我在Atmosphere上看到了一个包okgrow:图片上传。只有使用外部包我才能做到这一点吗?

    1 回复  |  直到 8 年前
        1
  •  0
  •   A Macdonald    8 年前

    通过添加enctype属性和添加文件输入将窗体设置为处理文件上载,将允许您选择要上载的文件:

    <form enctype="multipart/form-data" onSubmit={this.handleSubmit.bind(this)}>
        <input className="form-control"
            type="file"
            ref="uploader"
            name="image"
            onChange={this.uploadFiles.bind(this)}/>
    </form>
    

    如何设计此样式并在服务器上处理此文件是不同的问题。