FrogCode - how to a link to a file I've uploaded in the editor

[K.Ermit]

Hi,

I want to link an image (or file) to my widget, but I can't get the web address when I upload it.

[Graham Quince]

FrogCode Editor's file store is separate to the deployed widgets, so you're making a widget and want to include files and images in the widget, you'll need to deploy your widget first.

This will package up the widgets and deposit them in the correct location, using the widget's UUID as parent folder.

So, a file added to the assets folder has the following path:

/app/package/widgets/'WIDGET UUID'/assets/

It's worth planning ahead with your widgets and not hard-coding in your Frog's web address.  This code can help with that:

var baseURL= Frog.Utilities.getBaseUrl();

this.element.append('<img src="'+baseURL+'/app/package/widgets/WIDGET UUID/assets/myimage.png">');

And if you want to refer to these images in your CSS or HTML, (after publishing once), you can use:

package/widgets/WIDGET UUID/assets/yourpic.png