lightbox2不安全的數據圖像

Question

我正在嘗試將lightbox2與Angularjs設置的dyURLilly數據URL結合使用，但由於某種原因，它沒有顯示圖像。 在我的控制台中，出現一個錯誤，顯示了我使用ng-href動態設置的數據URL，但URL前綴為“ unsafe”。

有人知道為什么會這樣嗎？ 我已經將“數據”添加到Angular的白名單中，並且我還看到在DOM中href是正確的。

config(['$compileProvider',
        function ($compileProvider) {
            $compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|local|data):/);
        }]);

只有當我單擊鏈接時，我才收到此錯誤，沒有前綴“不安全”。

我在控制台中收到的錯誤如下所示：

unsafe:data:image/png;base64,net:{the base 64 string}:ERR_UNKNOWN_URL_SCHEME

我的鏈接看起來像這樣：

<a ng-href="data:image/png;base64,{{schedule.flyer}}" data-lightbox="image-1" data-title="My caption" >

如果我直接在常規href中添加base64字符串，則效果很好。 有人知道如何使它工作嗎？

Answer 1

我認為您應該按照https://docs.angularjs.org/api/ng/provider/$compileProvider使用aHrefSanitizationWhitelist方法

Answer 2

問題是我配置了錯誤的白名單。 我應該使用以下代碼：

config(['$compileProvider',
        function ($compileProvider) {
            $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|local|data):/);
        }]);