android - 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

我认为这是跨移动平台文件位置的常见问题。
要导航到应用程序目录，您必须使用来自 cordova 文件插件的本地化。
喜欢cordova.file.applicationStorageDirectory哪些 map /var/mobile/Applications/<UUID>/在 iOS 和 file:///android_asset/在安卓系统上。然后您可以轻松地创建资源路径，例如:cordova.file.applicationStorageDirectory + "/yourDir/yourfile" .
有关cordova 文件路径的更多信息，请访问https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-file/