Image taken from camera not saved to gallery

I'm implementing a simple image upload form. When on the phone the user has the option of taking a photo with the camera and uploading it.

For some reason, the picture taken this way is not saved to the gallery.

Is there anything missing in the HTML declaration to enable the picture to be saved to gallery irregardles of whether it is discarded or used?

This is my form(in Angular):

<ng-container *ngFor="let image of imageList; let i = index;">
    <div class="mb-1" fxLayoutAlign.gt-xs="space-between" fxLayoutGap.xs="10px" fxLayout.xs="column">
        <input type="file" accept="image/*" [disabled]="image.hasOwnProperty('Id') && image?.Id" (change)="showPreview($event, img, i)" #input/>
        <img [src]="image?.url" alt="" #img class="image-limited" />
        <p *ngIf="image?.url !== ''" fxLayoutAlign.xs="center center"></p>
        <button md-raised-button color="accent" class="delete-button" (click)="clearImage(input, img, $event, i)" [disabled]="image?.url === ''">
            <i class="fa fa-remove"></i> ADD_EDIT_ASSET_IMAGE_DELETE_BUTTON_TEXT
        </button>
    </div>
    <hr class="mb-1" *ngIf="i !== imageList.length - 1" />
</ng-container>

from Image taken from camera not saved to gallery