NativeScript-vue 从 url 保存图像

Question

我想将图像从 Web URL 保存到设备，有人可以帮忙吗？
我尝试使用imageSource模块，但它只说来自本地设备的图像

Answer 1

const imageSourceModule = require("tns-core-modules/image-source");
const fileSystemModule = require("tns-core-modules/file-system");

imageSourceModule.fromUrl(webURL).then((res) => {
const folderDest = fileSystemModule.knownFolders.currentApp();
const pathDest = fileSystemModule.path.join(folderDest.path, "test.png");
const saved = res.saveToFile(pathDest, "png");
if (saved) { 
console.log("Image saved successfully!");
this.image =  imageSourceModule.fromFile(pathDest);
}

感谢@Narendra Mongiya的第一个答案，这有助于从URL获取图像

Answer 2

这就是你的代码应该是什么(我假设你的webURL返回jpg/png等(

const imageSource = require('image-source');
imageSource.fromUrl(webURL).then((res: any) => {
this.imageUrl = res;
}).catch(err => {
this.imageUrl = this.getIconSource('default_image');
});

和在 HTML 文件中

<Image [src]="imageUrl" loadMode="async"></Image>

对于默认图像，如果 URL 返回空白

public getIconSource(icon: string): string {
return isAndroid ? `res://${icon}` : 'res://images/' + icon;
}