React. js to pain HTML: как преобразовать imageupload. html код реакции в angular 6 HTML код?

Question

onChange(e) {
      const file = e.target.files[0];
      Storage.put('example.png', file, {
          contentType: 'image/png'
      })
      .then (result => console.log(result))
      .catch(err => console.log(err));
  }

imageupload. html

<input type="file" accept='image/png' onChange={(evt) => this.onChange(evt)}/>

Итак, следующий код находится в реакции. Как я могу записать следующий код в файл angular 6 HTML? В основном как записать эту onChange={(evt) => this.onChange(evt)} часть в HTML?

См. Исходный код: https://docs.amplify.aws/lib/storage/upload/q/platform/js#browser -загрузки

Answer 1

Чтобы скопировать + вставить напрямую из SO Post Я уже упоминал;

<input 
    type="file"
    id="file"
    (change)="handleFileInput($event.target.files)"
>

Итак, все, что нам нужно сделать, чтобы получить это для работы с вашим кодом:

<input 
    type="file"
    id="file"
    (change)="onChange($event)" 
>

Обратите внимание, как (change) теперь немного отличается.

Answer 2

HTML также имеют атрибут события onchange, вы можете просто вызвать функцию в html, например: <input type="file" accept='image/png' onchange="onChange(this.value)"/>