NativeScript-vue Save Image from url

Question

I will like to save an image from a web URL to the device can anyone help?
I've tried using the imageSource module but it only speaks of images from local device

You can write an API to return your image as base64string in json and have your app to persist the data using application settings — Baskar Rao
– Baskar Rao, Commented Oct 18, 2018 at 3:34

Nsagha Kingsly · Accepted Answer · 2018-10-19 00:04:51Z

3

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);

}

thanks to @Narendra Mongiya for the first answer which help get the image from url

answered Oct 19, 2018 at 0:04

Nsagha Kingsly

1,9601 gold badge13 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Narendra Over a year ago

Good to know that @Nsagha ! If you mark that as accepted answer and upvote, it may be helpful to others. Happy Coding !!

Nsagha Kingsly Over a year ago

Ok will do that

Narendra · Accepted Answer · 2018-10-18 04:42:04Z

0

This is what your code should be (I am assuming that your webURL returns jpg/png etc)

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

and in html file

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

and for the default images if URL return blank

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

answered Oct 18, 2018 at 4:42

Narendra

4,5842 gold badges24 silver badges40 bronze badges

1 Comment

Nsagha Kingsly Over a year ago

Thanks a lot, it gets the image but I do not know where or if the image is saving to the device please clarify me on this part thanks once more

Collectives™ on Stack Overflow

NativeScript-vue Save Image from url

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related