如何在离子框架+科尔多瓦中显示本地：//图像？答案

【问题标题】：How to display a local:// image in ionic framework + cordova?如何在离子框架+科尔多瓦中显示本地：//图像？
【发布时间】：2014-05-18 03:53:57
【问题描述】：

有谁知道如何使用 Ionic (http://ionicframework.com/docs/) 显示打包在 Cordova 容器中的本地图像？

当应用程序在设备上运行时，我目前收到此错误：

GET unsafe:local:///img/thumbs/myImage.jpg 未处理协议

我的 Cordova 应用程序是使用 ionic 框架为 BlackBerry 10 和 Android 构建的。该应用程序使用以下模板显示封装在 Cordova 应用程序本身内的图像：

<img ng-src="img/thumbs/{{img.path}}" ng-click="fooBar(img)"/>

为什么会出现这个错误？

【问题讨论】：

标签： android cordova blackberry-10 ionic-framework

【解决方案1】：

我发现这是 ionic 框架当前对 BlackBerry 10 支持的限制。我在这里记录了一个错误：http://github.com/driftyco/ionic/issues/1066

为了解决这个问题，我已经手动编辑了 ionic 库以包含对本地协议的支持。

【讨论】：

也许包括那个代码？没有它，就有问题，但没有解决方案。

【解决方案2】：

我刚刚向 Angular 提出了请求，因为这是 Angular 的限制，而不是 Ionic 框架的限制。您可以在此处查看拉取请求：https://github.com/angular/angular.js/pull/8787

【讨论】：

【解决方案3】：

角度问题

替换 ionic.bundle.js 中的以下行

var aHrefSanitizationWhitelist = /^\s*(https?|ftp|mailto|tel|file):/,
     imgSrcSanitizationWhitelist = /^\s*((https?|ftp|file|blob):|data:image\/)/;

到

var aHrefSanitizationWhitelist = /^\s*(https?|ftp|mailto|tel|file|local):/,
     imgSrcSanitizationWhitelist = /^\s*((https?|ftp|file|blob|local):|data:image\/)/;

【讨论】：