Typescript image.src затем сохранить в переменной, чтобы получить данные предыдущего изображения

Question

В настоящее время я занимаюсь разработкой приложения для Ionic, и мне нужно что-то сфотографировать, а затем использовать его с OpenCV.Чтобы сделать это, я должен поместить его в тег src и использовать его.Проблема в том, что всякий раз, когда я выполняю свою функцию, она берет предыдущее изображение вместо захваченного.

Это моя функция, чтобы сделать снимок и назначить его тегу src:

this.camera.getPicture(options).then((imageData) => {
      this.capturedImage = 'data:image/jpeg;base64,' + imageData;
      this.image = <HTMLImageElement>document.getElementById("capture");
      this.image.src = 'data:image/jpeg;base64,' + imageData;
     }, (err) => {
      this.displayErrorAlert(err);
     });
     this.capturedImage = document.getElementById("capture");
     return Promise.resolve('Success !');
  }

Затем я назначил функцию в кнопке в моем html-файле следующим образом

<button(click)="openCamera().then(this.imageDetection(this.capturedImage,this.templateImage))"></button>

Затем я вызвал такую ​​функцию:

imageDetection(capturedImage,templateImage){
    let capture = cv.imread(capturedImage);
    let template = cv.imread(templateImage);

Спасибо!

Answer 1

Я не буду помещать функцию с обещанием в шаблоне. Слово «это» не будет работать.

В шаблоне

  <button(click)="doSomething()"></button>

В компоненте

  doSomething() {
     // your code here
     ....
     //then set the src
     let capture = document.getElementById('capture');
     capture.setAttribute('src', your_url_here);
  }

Надеюсь, это поможет!