有没有人知道如何使用Ionic(http://ionicframework.com/docs/)显示包装在Cordova容器内的本地图像?
当应用程序在设备上运行时,我目前收到此错误:
GET unsafe:local:///img/thumbs/myImage.jpg未处理的协议
我的Cordova应用程序是使用离子框架为BlackBerry 10和Android构建的.该应用程序使用以下模板显示在Cordova应用程序内部打包的图像:
<img ng-src="img/thumbs/{{img.path}}" ng-click="fooBar(img)"/>
Run Code Online (Sandbox Code Playgroud)
为什么会出现此错误?
在我的应用程序中,我有一些本地图像.我可以在谷歌开发者工具中测试我的图像ionic serve,甚至在使用android 4.4.4和4.2.2的genymotion模拟器中.但是当我在真正的Android设备上安装我的应用程序时(我尝试三星Galaxy S3和三星Galaxy Ground Neo)我看不到我的图像.
我的文件夹结构是这样的:
并在我的book.html尝试下面的URL加载图像:
<img src="app/book/images/icon.png">
<img src="../../images.icon.png">
Run Code Online (Sandbox Code Playgroud)
我还将icon.png移动到index.html中的根文件夹并试试这个:
<img src="icon.png">
Run Code Online (Sandbox Code Playgroud)
但它不起作用.