Загрузить картинку в React with Meteor - PullRequest
Новая
       7

Загрузить картинку в React with Meteor

0 голосов
/ 24 мая 2018

Как добавить загружаемое изображение в форму 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: image-upload.Это можно сделать только с помощью внешнего пакета?

1 Ответ

0 голосов
/ 26 мая 2018

Настройка формы для обработки загрузки файлов путем добавления атрибута 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>

Как вы его стилизуете и обрабатываете этот файл на сервереэто разные вопросы.

...