Ionic не будет показывать изображения больших двоичных объектов

#angular #typescript #ionic-framework

#angular #машинописный текст #ionic-framework

Вопрос:

У меня есть массив, содержащий изображения больших двоичных объектов

 images[]
    0: {id: "1146", image: Blob}
    1: {id: "1147", image: Blob}
    2: {id: "1148", image: Blob}
    3: {id: "1149", image: Blob}
    4: {id: "1150", image: Blob}
    length: 5
  

на HTML-странице у меня есть:

 <img [src]="showImage(item.id)" />
  

Мой машинописный код:

 showImage(itemID) {
  let item = [];
  item = this.images.filter(x => x.id == itemID);
  let image: Blob;
  image = item[0].image;
  let imageURL = window.URL.createObjectURL(image);
  return this._DomSanitizationService.bypassSecurityTrustUrl(imageURL);
}
  

Этот код отлично работает в веб-браузере

но когда я запускаю его в приложении DevApp или на эмуляторе, я получаю эту ошибку

 Runtime Error
Failed to execute 'createObjectURL' on 'URL': No function was found that matched the signature provided.
  

Ионная информация

 Ionic Framework: 3.9.2
Ionic App Scripts: 3.2.2
Angular Core: 5.2.11
Angular Compiler CLI: 5.2.11
Node: 10.14.2
  

Любая помощь?

Ответ №1:

После слишком многих попыток кажется, что проблема в следующем: cordova-plugin-ionic-webview 2.0

удалить, а затем добавить версию 1.2.1, решило мою проблему.

 ionic cordova plugins rm cordova-plugin-ionic-webview
ionic cordova plugins add cordova-plugin-ionic-webview@1.2.1