Старая картинка не удаляется при повторной загрузке картинки

Question

Когда я фотографирую, все работает нормально. Картинка сделана, и я вижу ее потом на странице. Когда я нажимаю, чтобы сделать снимок снова, я могу это сделать, но теперь возникает проблема. Старая фотография находится под первой фотографией, которую я сделал. Я знаю, что до н.э. я могу видеть небольшую часть моей 2. картинки, лежащей под моей первой картинкой. Чтобы увидеть мое второе изображение, я сделал 3. снимок (повторный снимок во второй раз). Теперь первое изображение удалено, 2. изображение находится сверху, а 3. помещено под 2. изображение. Как я могу добиться того, чтобы картинка была удалена сразу, когда я снова ее снимаю?

export class PostPage {
  public photos: any;
  public base64Image: string;
  constructor(public navCtrl: NavController, private camera: Camera) {

  }




  ngOnInit(){
    this.photos = [];
  }

  ionViewDidEnter(){                    //Damit Kamera automatisch öffent
   const options: CameraOptions = {
  quality: 100,
  destinationType: this.camera.DestinationType.DATA_URL,
  encodingType: this.camera.EncodingType.JPEG,
  mediaType: this.camera.MediaType.PICTURE
}


this.camera.getPicture(options).then((imageData) => {
 // imageData is either a base64 encoded string or a file URI
 // If it's base64:
 this.base64Image = 'data:image/jpeg;base64,' + imageData;
  this.photos.push(this.base64Image);
  this.photos.reverse();


}, (err) => {
 // Handle error
});
  }
cancel(){


    const options: CameraOptions = {
  quality: 100,
  destinationType: this.camera.DestinationType.DATA_URL,
  encodingType: this.camera.EncodingType.JPEG,
  mediaType: this.camera.MediaType.PICTURE
}



this.camera.getPicture(options).then((imageData) => {
 // imageData is either a base64 encoded string or a file URI
 // If it's base64:
 this.base64Image = 'data:image/jpeg;base64,' + imageData;
  this.photos.push(this.base64Image);
  this.photos.reverse();


}, (err) => {
 // Handle error
});
  }

}