Cloudinary圖像無法通過Ionic Framework工作

我通過cloudinary-angular庫使用Cloudinary圖像與Ionic框架，我在加載圖像時遇到了一些問題。Cloudinary圖像無法通過Ionic Framework工作

當我通過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調試工具，我發現了以下內容。

固定一個問題：應用傳輸安全問題是固定的Resources/MyApp-Info.plist下添加以下到應用程序的Info.plist。更多詳情，請登錄App Transport Security。

固定的第二問題：結束了與cloudinary_angular庫的問題。出於某種原因，它返回的網址是file://原型協議，而不是應用所需的http://。通過我的叉子robksawyer/cloudinary_angular查看解決方案。

來源

2015-09-21 Rob Sawyer

可能是白名單錯誤？

在這裏看到完整的信息https://github.com/apache/cordova-plugin-whitelist

快速信息

// install plugin 
cordova plugin add cordova-plugin-whitelist

然後修改您的config.xml適當

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

以上完整的解釋提供

查看文檔

來源

2015-09-21 01:34:30

我最初以爲也是問題，但後來我回顧了我的config.xml和我有內容策略集。然而，爲了仔細檢查，我運行了'cordova plugin add cordova-plugin-whitelist'，它給了我以下內容： –

https://gist.github.com/robksawyer/6a83dad2bf9db156e845 這讓我覺得它從來沒有安裝過它IOS。 –

最終通過'ionic plugin add cordova-plugin-whitelist @ 1.1.0'安裝，但仍然沒有運氣。在測試之前，我一定要運行「離子準備ios」和「離子建立ios」。不過謝謝，這值得一試。 –

Cloudinary圖像無法通過Ionic Framework工作

回答

相關問題