How to select and save image file to local drive in Cloud application.

Question

Hello everyone,

I have a cloud application in angular8 and asp.net MVC 5. 

Where user can select image file from his/her local drive and can save that selected imag file to given/predefined path on his/her local drive.

How to do this from cloud application in angular 8?

Thank you in advance.

Any help would be appreciated.

 <div class="row">
    <div class="col-md-3">
       <input type="file" style="margin-top: 35px;" (change)="onSelectFile($event)">
    </div>
    <div class="col-md-2 text-right">
         button id="upload" style="display: none; margin-top: 35px;" (click)="UploadImage()">Upload</button>
    </div>
 </div>
 <div class="row">
    <div class="col-md-7">
     <br>
       <div class="row">
            <div class="content-wrapper">
              <img [src]="url" id="image" style="width: 100%; height: 100%; object-fit: scale-down;">
            </div>
      </div>
   </div>
</div>