javascript - ImageView - 图像类型无效？

Question

我正在尝试为学校编写代码，并且正在尝试制作一个应用程序来显示不同视频游戏的五个不同图像。单击任何图片都会显示该视频游戏的详细说明，并从那里显示按钮。然而，即使图像显示在我的 View 中，我也遇到了一些麻烦。就在今天早些时候，我重新设计了为上一个类制作的旧应用程序，将新图片添加到不同的命名文件夹中，更改了应用程序中的信息以进行相应的修复，并进行了测试。弹出的第一件事是无效的图像类型，引用了我在代码中很早就使用的打开窗口函数。我有一个 for 循环，用于滚动所有不同的图像。如果我尝试使用 url 或 backgroundImage，它会显示黑色 View ，但其中没有图像。这是我正在使用的循环:

for(var i=0; i<imageFiles.length; i++){
var view = Ti.UI.createView({
    backgroundColor: "#000",
    top: margin*2,
    left: margin,
    width: size*1.55,
    height: size*1.55
});
var newPicture = Ti.UI.createImageView({
    title: imageList[0].title,
    image: "images/" + imageFiles[i],
    top: 0,
    width: view.width

});
console.log(imageFiles[i]);
view.add(newPicture);
viewContainer.add(view);

};

边距和大小是我们作为间距占位符创建的变量，因此我使用了一些数学来正确组织页面上的所有内容。图片均为.jpg。有什么想法可以解释为什么我会收到无效的图像类型错误，而不是当我在上一个应用程序上的图像上具有相同的文件扩展名时？感谢您的宝贵时间。

Answer 1

只是想知道是否是因为图像路径不正确。

您的“图像”文件夹是否位于“资源”文件夹正下方？

如果是这样，请尝试像这样设置图像路径:

var newPicture = Ti.UI.createImageView({
    title: imageList[0].title,
    image: Ti.Filesystem.resourcesDirectory+ "/images/" + imageFiles[i],
    top: 0,
    width: view.width
});

或者使用函数测试一下: Ti.Filesystem.File.exists()