NativeScript-vue 从 url 保存图片

Question

我想将网络上的图像 URL 保存到设备中，有人可以帮忙吗？
我试过使用 imageSource 模块，但它只显示来自本地设备的图像

Answer 1

这就是您的代码（我假设您的网站URL returns 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>

对于默认图片 if URL return blank

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

Answer 2

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

获取图像

NativeScript-vue 从 url 保存图片

NativeScript-vue Save Image from url

mobile

nativescript

nativescript-vue