Я новичок в Angular.Моя точная формулировка проблемы - я хочу показать изображение по умолчанию.Если я нажму на изображение, откроется окно выбора файлов.Когда я выбираю изображение, я должен иметь возможность видеть и редактировать изображение, и, наконец, это изображение должно переопределить изображение по умолчанию, а также отправить это изображение в API и отобразить существующее изображение профиля, если оно есть.Я хочу сделать все это, используя HTML и Angular 4. Пожалуйста, укажите мне любую ссылку, если решение этой проблемы уже существует.
Я только что смог открыть селектор файлов до сих пор, выполнив это -
<div>
<ion-input type="file" style="display: none" ngModel (change)="getFiles($event)"></ion-input>
<img src="assets/imgs/uploadImage.png" class="form-control" style="width : 20% ; height : 15%" (click)="selectFile()">
</div>
и
selectFile(): void {
let element: HTMLElement = document.querySelector('input[type="file"]') as HTMLElement;
element.click();
}
public async getFiles(event) {
console.log(event.target.files);
}