Cordova从设备存储中加载图像文件

时间:2019-06-12 08:13:40

标签: android cordova local-storage

我有一个图像标签,该标签是src引用的应用程序目录中的图像文件。我使用cordova.file.applicationStorageDirectory来获取应用程序目录并向其添加其余路径(不是:我已经使用java android studio在其中创建了新目录和图像)。因此,我的img src完整路径为file:///data/data/com.test.Dir/myfoolder/myimg.jpg,因此为了进行测试,我像<img id="the_img" src="file:///data/data/com.test.Dir/myfoolder/myimg.jpg" width="100" height="150">一样使用它,但是img标签为空,因此看来这不是正确的方法。如何将应用目录中的图像加载到图像标签。

3 个答案:

答案 0 :(得分:1)

您可以使用“ cdvfile://”协议直接放置图像。用作:

<img src="cdvfile://localhost/persistent/img/logo.png" />

更多详细信息在这里: https://github.com/apache/cordova-plugin-file#cdvfile-protocol

答案 1 :(得分:0)

<img id="the_img" src="/storage/emulated/0/Android/data/com.test.Dir/files/myimg.jpg" width="100" height="150">

答案 2 :(得分:0)

我知道这个问题是针对Android上的Cordova的,但仅供将来参考-由于最新的WKWebView对此存在CORS问题,因此无法在iOS上使用。您将需要手动读取文件并注入图像。像这样:

2