javascript - Base64 图像未显示

Question

我正在尝试在我的 ionic 应用程序中显示 Base 64 图像。我正在从服务器获取图像，并且需要在 slider 中显示这些图像。

   <ks-swiper-slide class="swiper-slide" ng-repeat="(cKey,cValue) in 
     value.CHAPTER">
                        <div ng-click="chapters({{cValue.CHAPTER_ID}} , '{{cValue.CHAPTER_NAME}}')" class="hm-outbox-first"> 
                            <div  ng-class="getClass({{value.SUBJECT_ID}})" > 
                                <img data-ng-src="{{cValue.IMAGE}}"  />   
                            </div>
                            <div class="hm-bottombox">
                                <p ng-class="getSubClass({{value.SUBJECT_ID}})" > {{cValue.CHAPTER_NAME| truncatelimit:28}}  </p> 

                            </div>
                        </div>
                    </ks-swiper-slide>

我已经尝试过 data-ng-src、ng-src 和 src 来显示。它们在 HTML 中可用，因为我在检查代码时可以看到它们。当我使用应用程序中可用的图像时，这效果很好。但从服务器来看，这是行不通的。我尝试搜索该问题，但没有找到任何东西。先谢谢您的帮助。 还是我做错了什么。

Answer 1

我从这里的解决方案中得到了答案 'img-src' was not explicitly set, so 'default-src' is used as a fallback

我需要在我的index.html中添加该行

    <meta http-equiv="Content-Security-Policy" content="img-src 'self' data:; default-src 'self' http://XX.XX.XX.XX:8084/mypp/">