Изображение не отображается на устройстве в IONI C 4 с сервера в android версии 9 и выше - PullRequest
Новая
       2

Изображение не отображается на устройстве в IONI C 4 с сервера в android версии 9 и выше

0 голосов
/ 28 марта 2020

Я хочу показать список категорий.

Изображение не отображается на android версии 9 и выше.
, когда я пытаюсь поставить stati c Изображение, оно отлично отображается, но изображение с сервера не отображается.

Вкл. Иони c служить это показывает изображение, как ожидалось.

Ответ:

[{"categoryId": "1", "имя": "Общие знания", "изображение ":" * +1011 * "}, {" CategoryId ":" 3" , "название": "биология", "образ": "http://codehub.biz/knowledgeup/API/images/biology_categaries_icons.png"}, { "CategoryId": "4", "название": "Химия", "образ": "http://codehub.biz/knowledgeup/API/images/Chemastry_Categaries_Icons.png"}, { "CategoryId": "5", "имя": "Экономика", "образ": "http://codehub.biz/knowledgeup/API/images/Economy.png"}, { "CategoryId": "6 », "имя": "Спорт", "образ": "http://codehub.biz/knowledgeup/API/images/sports_categaries_icons.png"}, { "CategoryId": "7", "имя": "Физика", "образ": "http://codehub.biz/knowledgeup/API/images/physics.png"}, { "categoryId": "8", "name": "World Geography", "image": "http://codehub.biz/knowledgeup/API/images/geo.png"}, {"categoryId": "10", "name": "Наука и изобретения", "image" : "http://codehub.biz/knowledgeup/API/images/science.png"}]

tab1. html

<ion-grid>
  <ion-row  class="margin" *ngFor="let row of grid">
    <ion-col size="3" class="ion-text-center" *ngFor="let item of row" (click)="quizInfo(item.categoryId,item.name)">
      <img class="logo" [src]='item.image'> <br>
      <!-- <img src="../../assets/icon/bio.png" class="logo"> <br> -->
      <p class="margin title">{{item.name}}</p>
    </ion-col>
  </ion-row>
</ion-grid>

Это мой html для отображения списка.

Изображение не отображается
1-е изображение android версии 9 и android версии 7

enter image description here enter image description here

Ответы [ 2 ]

0 голосов
/ 31 марта 2020

проблема в том, что android 9 выше по умолчанию принимает только вызовы HTTPS. Но вы можете обойти это добавить к вашему Androidmanifest.xml: android:usesCleartextTraffic="true"

<application
    android:usesCleartextTraffic="true" // -->here
    android:allowBackup="true"
    ...
    >

Но рекомендуется использовать только HTTPS

0 голосов
/ 30 марта 2020

Проблема в запросе http.
Путь к изображению начинается с http.
Android p ie Не принимайте запросы API без запросов https для обеспечения безопасности.

...