Я использую изображения Cloudinary с фреймворком Ionic через библиотеку cloudinary-angular
, и у меня возникают проблемы с загрузка изображений.
Когда я тестирую с помощью метода ionic serve
, все работает нормально. Однако, когда я устанавливаю приложение на устройство, изображения ломаются. У кого-нибудь есть идеи, как это исправить?
Ниже приведены примеры некоторых моих кодов:
<cl-image ng-if="item.Attachment.name" public-id="{{bucket.mybucket}}/{{item.Attachment.name}}" crop="thumb" width="100" height="100" radius="max" format="png"></cl-image>
<cl-image ng-if="!item.Attachment.name" public-id="{{bucket.mybucket}}/{{bucket.defaultCheese}}" crop="thumb" width="100" height="100" radius="max" format="png"></cl-image>
а также:
$scope.backgroundImg = $.cloudinary.url($scope.bucket.mybucket + "/" + results.response[0].Attachment.name, { format: 'png', height: 800, width: 580, crop: 'fit' }).toString();
И, как я уже сказал, оба они работают с использованием ionic serve
.
Обновление. Используя инструмент отладки Safari, я обнаружил следующее.
Исправлена одна проблема: проблема App Transport Security была устранена путем добавления следующего в Info.plist приложения в разделе Resources/MyApp-Info.plist
. Дополнительные сведения см. на странице Безопасность транспорта приложений а>.
Исправлена вторая проблема: возникла проблема с библиотекой cloudinary_angular. По какой-то причине он возвращает URL-адрес с протоколом file://
вместо http://
, который нужен приложению. Смотрите решение через мою вилку robksawyer/cloudinary_angular.