【问题标题】:Displaying image from device storage in Ionic App在 Ionic App 中显示来自设备存储的图像
【发布时间】:2016-08-12 00:23:03
【问题描述】:

我在设备上的 Android/data/myApp 文件夹中有一个名为 test.jpg 的图像文件。我想在 img 标签中显示它。我已经尝试了 src 属性中的所有可能路径,但没有任何效果。我也尝试将 src 更改为 ng-src 或 data-ng-src。没有任何效果,我越来越绝望。

当我通过 Windows 资源管理器查看图像时,图像在存储中可见,但在我的应用程序中不可见。如果我使用 $cordovaFile.checkFile 函数,结果数据中的一切看起来都很完美。文件存在,具有 nativeURL 但仍不显示在视图中。

有人遇到过这个问题吗?我已经阅读了谷歌在这个主题中提供的所有内容,但在这个问题上仍然没有任何进展。有人可以向我展示一些如何从设备存储中检索 Ionic 应用程序中的图像的简单示例吗?应该是什么样的路径?也许我必须为我的 config.xml 或 andorid 清单添加一些权限? 这是我的第一个混合应用程序。我在 AngularJS/Cordova/Ionic 方面没有太多经验。

我真的卡住了。请帮忙。

【问题讨论】:

  • 你能展示一些你的代码吗?如果你在你的<img> 中使用ng-src 并让它链接到一个由$cordovaFile.checkFile() 返回nativeURL 的函数,那么它应该可以正常工作。
  • 也许这对你有帮助file plugin
  • 你想看什么代码?

标签: android angularjs cordova ionic-framework


【解决方案1】:

好的,所以我想我必须自己回答这个问题。当我使用文件的 nativeURL 作为 src 时,现在一切正常。我已将 img-src: *; 添加到索引中 http-equiv="Content-Security-Policy" 元标记的内容中,但它仍然不起作用.在第 10 次重新启动应用程序后突然一切都很好。我仍然不知道这是否是元标记的问题,但它现在可以工作了,所以我很高兴。

如果有人想查看我的 config.xml、清单或索引,请询问。

【讨论】:

  • 您现在能说出为什么会出现这个问题吗?很长一段时间以来,我都面临着同样的问题。另外,如果您可以显示您的 config.xml 和索引元标记,这将对我有所帮助
  • 对不起,那已经是差不多一年前的事了,我不再从事那个项目了。我换工作后没有消息来源。
猜你喜欢
  • 2019-05-24
  • 2018-04-12
  • 2019-04-15
  • 1970-01-01
  • 1970-01-01
  • 2015-08-12
  • 2019-09-14
  • 1970-01-01
  • 2022-06-14
相关资源
最近更新 更多