Как запустить событие загрузки для Image () на Android с Ionic 3

Question

Я пытаюсь вызвать функцию «onload» события Image () (HTMLImageElement) на Android с Ionic 3. Он работает с iOS, но, к сожалению, с Android не работает.

Как я могу активировать функцию onload на Android? Я не использую его с <img> или другим тегом, поэтому не могу запустить его с <img (load)="functionHere()">.

(я видел некоторые другие вопросы о "нагрузке" на переполнение стека, это касается конкретной ситуации с Android / Ionic 3).

Вот мой пример кода:

this.backgroundImageSource = new Image();
this.backgroundImageSource.src = this.image;


this.backgroundImageSource.onload = function() {
    // THIS PART DOESNT FIRE ON ANDROID
    console.log("ONLOAD TRIGGERED");
}

Answer 1

Если пример кода используется точно так, как показано, то проблема может быть связана с определением обработчика события onload после того, как событие может произойти. Вы должны определить функцию-обработчик события до того, как событие может произойти.

Таким образом, onload должен быть обработан до установки атрибута src. Хотя я не уверен, исправит ли это движок JS на каком-либо из этапов оптимизации.

this.backgroundImageSource = new Image();

//This has to be done before setting src
this.backgroundImageSource.onload = function() {
    console.log("ONLOAD TRIGGERED");
}

this.backgroundImageSource.src = this.image;