Setting up the upload image modal component

Inside the client\app\view-thread folder, create another folder named upload-image-modal and inside that, create two files named upload-image-modal.html and upload-image-modal.ts. Update client\app\view-thread\upload-image-modal\upload-image-modal.html as follows:

// SNIPP SNIPP<div class="modal-header">    <h4 class="modal-title">Reply with Image</h4>    <button type="button" class="close" aria-label="Close" (click)="activeModal.dismiss('x')">         <span aria-hidden="true">&times;</span>    </button></div><div class="modal-body">    <div class="form-group">        <input type="file" id="file" (change)="handleFileInput($event.target.files)">        <p class="text-center mt-5 mb-0"> <img [src]="filePreviewPath" width="200" *ngIf="filePreviewPath" ...

Get Google Cloud AI Services Quick Start Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.