无法显示cordova.file.documentsDirectory中的图像

时间:2015-08-14 08:02:26

标签: ionic-framework ion

我正在尝试访问从远程服务器下载的图像。我下载文件的代码如下:

var targetPath = cordova.file.documentsDirectory + propp+".png";
var trustHosts = true;


$cordovaFileTransfer.download(url, targetPath, options, trustHosts)
.then(function(result) {
        console.log("Local file transfer done");
        r = angular.toJson(result.nativeURL);
}, function(err) {
    // Error
    console.log("error");
});

然后我将tatgetPath存储在我的本地sqlite数据库中。在另一个页面中,我从sqlite获取此信息并尝试使用img标签显示。但它在仿真器和实际设备上都显示为破碎的图像。

我的文件网址是: 文件:///var/mobile/Containers/Data/Application/F7B3169B-D8E3-4F62-AD0B-37CFA381F1CC/Documents/home_bg_image.png

我想将此图片显示为背景图片位我不明白该怎么做。

1 个答案:

答案 0 :(得分:0)

下载图像后,您必须将其粘贴到platform / android / assets / www / img--文件夹中以显示图像

var filedirPath = $ionicPlatform.is('android') ?  '/android_asset/www/img/' : 'img';

如果找不到图片的路径并访问要显示的文件以供参考,请查看此链接File path 有任何疑问回复..