使用Nativescript将项目文件中的图像加载到ImageSource中

时间:2018-12-11 13:59:41

标签: angular nativescript angular2-nativescript imagesource

具有包含图像(应用程序/资源/模拟/图像)的本地文件夹。此文件夹包含在生成应用程序以读取模拟服务时使用的图像。

需要将该文件夹中的图像加载到ImageSource文件中,然后我将其发送到模拟方法中,该方法将下载到文件磁盘(saveToFile)中以便可以查看。但是还没有找到一种方法。

ImageSoure.loadFromFile :将从文件系统中已保存的图像加载图像(找不到它们:FileNotFoundException)

ImageSource.fromResource :需要将图像放入资源文件夹中,然后将其包含在APK中

这不会加载图像:

let image = new ImageSource();
let result = image.loadFromFile("../resources/mock/images/test-image.jpg");

该如何解决呢?

谢谢

2 个答案:

答案 0 :(得分:1)

您不能为图像使用相对路径。根据您的项目结构,"~/resources/mock/images/test-image.jpg""~/app/resources/mock/images/test-image.jpg"应该可以工作。

答案 1 :(得分:1)

我不确定您是否使用loadFromFile。我过去曾经使用过fromFile

import { fromFile, ImageSource } from 'tns-core-modules/image-source/image-source';

let image: ImageSource = fromFile('~/resources/mock/images/test-image.jpg');