Обработка изображения для режима редактирования в угловых - PullRequest
0 голосов
/ 24 сентября 2018

Мне нужно выяснить, как я могу исправить изображение для режима редактирования в Angular, используя реактивные формы.Для бэкэнда требуется изображение, поэтому мне нужно выяснить, как его исправить.Я читал, что вы не можете исправить в input type = "file".Это не поддерживает?Могу я спросить, в чем идея?так как это требуется бэкэндом.Он поставляется с другими полями ввода, поэтому мне нужно пропатчить изображение, потому что пользователь может захотеть не менять изображение, а другие поля ввода.Пожалуйста, смотрите мой код ниже.Как вы можете видеть, я отображаю изображение в HTML, и я не исправляю его в TS, потому что input type = "file" может показаться, что оно читается.Спасибо.

HTML

<label class="col-sm-4 col-form-label">Featured Image</label>
<img class="mb-2" [src]="getUrl(tour.images[0].image)" height="200px" width="350px">
<input type="file" (change)="onSelectFeaturedImage($event)" class="form-control"
formControlName="featured_image">

<label class="col-sm-4 col-form-label">Travel Dates</label>
<div class="col-sm-4">From
<input type="date" class="form-control" formControlName="travel_date_from">

TS

patchValues() {
    this.tourForm.patchValue({
      travel_date_from: this.tour.date_from
    });
    this.setAsTouched(this.tourForm);
  }

1 Ответ

0 голосов
/ 24 сентября 2018

делает [src] привязкой значения для ввода изображения.

//featured_image.value
[src]="//value for image url"
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...