使用存储在Titanium.Filesystem.applicationDataDirectory中的图像的ImageView显示占位符,而不是图像

时间:2011-04-20 13:19:43

标签: javascript imageview appcelerator placeholder

我正在开发SDK 1.6.2。

我的应用使用相机捕获并将图像保存到Titanium.Filesystem.applicationDataDirectory。

应用程序的点击应该显示在屏幕上平铺的所有存储图像(存储在数据库中的详细信息[路径]。

保存图片:

var image = event.media // from camera success

var filename = new Date().getTime() + "-ea.jpg";

bgImage = Titanium.Filesystem.getFile(Titanium.Filesystem.applicationDataDirectory, filename);

bgImage.write(image);

存储到数据库:

var db = Titanium.Database.open('photoDB');
try{
    db.execute('INSERT INTO stored (image) VALUES (?)', bgImage.nativePath);
} catch(e) {
    alert(e.message);
}

db.close();

显示图片:

imageArray = [];
images = [];

var db = Titanium.Database.open('photoDB');
var dbrows = db.execute('select id, date, image from stored order by date asc');

while (dbrows.isValidRow()) {

    imageArray.push({
        image:dbrows.fieldByName('image')
    }); 

    dbrows.next();
}

dbrows.close();

// loop thru and display images
for (var i = 0; i < imageArray.length; i++){

    var pushleft = (i % 4) * 75; // tile from left
    var pushtop = Math.floor(i/4) * 96; // determine how far from top

    var file = Titanium.Filesystem.getFile(imageArray[i].image);

    images[i] = Ti.UI.createImageView({
        image: imageArray[i].image, // path to image at applicationDataDirectory
        width: 75,
        height: 96,
        left: pushleft + 5, // logic for positioning
        top: pushtop + 5, // logic for positioning
        store_id: imageArray[i].id
    });

    win.add(images[i]);
}

不幸的是,当图块工作时,图像只显示图像占位符,而不是存储的图像。

我有phonedisk,所以在为我的设备构建应用程序后,我可以查看应用程序目录并存储图像。

我错过了什么?

1 个答案:

答案 0 :(得分:10)

想出来,谢谢大家的帮助;)&lt;讽刺(这只是一天,我没有怨恨)

如果其他人有类似的问题,这就是错误的。

// Create a file name
var filename = new Date().getTime() + "-ea.jpg";

// Create the file in the application directory
bgImage = Titanium.Filesystem.getFile(Titanium.Filesystem.applicationDataDirectory, filename);

// Write the image to the new file (image created from camera)
bgImage.write(image);

当我将图像位置存储在数据库中时,我正在存储完整路径bgImage.nativePath。但是,当我更新并重建应用时,应用 applicationDataDirectory 已更改,因此存储的路径无效。

所以现在我只是将var filename存储在数据库中,当我像这样显示它时:

images[i] = Ti.UI.createImageView({
    image: Titanium.Filesystem.applicationDataDirectory + Ti.Filesystem.separator + imageArray[i].image, // path to image at applicationDataDirectory
    width: 75,
    height: 96,
    left: pushleft + 5, // logic for positioning
    top: pushtop + 5, // logic for positioning
    store_id: imageArray[i].id
});

现在,即使有更新,它也始终指向正确的applicationDataDirectory