Cordova：在Android / iOS上动态加载本地图像失败

Question

在我的Cordova应用程序中，我正在从本地/www/img文件夹中动态加载图像：

var imageURL = 'img/' + imageFilename;
element.css('background-image', "url('" + imageURL + "')");

它在浏览器（cordova run browser）中运行良好，但Android和iOS（模拟器+设备）都失败。

怎么了？ Cordova的本地URL应该是什么样的？

我也尝试过：

var imageURL = 'file:///img/' + imageFilename;

Answer 1

我认为它是跨移动平台的文件位置的常见问题。
要导航到app目录，您必须使用来自cordova文件插件的本地化。
与映射{{1的cordova.file.applicationStorageDirectory一样在iOS上和Android上的/var/mobile/Applications/<UUID>/。 然后，您可以轻松创建资源的路径，例如：file:///android_asset/。
有关cordova文件路径的详细信息，请访问https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-file/