QUESTION: Floating HTML widget: Image Storage

Is there a way to store and show images in Floating HTML UIs without hosting it elsewhere / referring to it on your computer?

Mainly to be able to show images and icons:

  • Offline
  • Without any setup by other users. It should be all-ready, and automatic from install

I've seen base-64 encoding, maybe this could work but how would you get it to show in the Floating HTML?

I just use GitHub for hosting, it's great and unlimited :smiley:

Thing is, will it work offline?

you can use base64 using data uris:

1 Like

Do you have an example? I couldn't get it to work using that

Sure:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABXklEQVR42u3aoU7EQBAG4H/YXlAlFW2Cw5N6AvYCBEEdqppXQHIJklfAnKlC1fIC5LBNkCQ4mrSGKkKXQfAAcKG9btP/181l99uZbSc5gGGYKUe6+qEsy3STC0/TtJO1e10tqCzLUVaAN/UWIAAB+Bb4e5Ik2RWRO1U9FpFtlzaiqh8AHkTkMs/zspcKEJElgFMRce8kfw7kHMASwFlfLTAfQVXP+7wDxnBnzHgJbhLg+n5/0A3cXDwPC9DoC78DCEAAAhCAAAQgwDQBFidvg24gCIJhAf67ALYAATgNchpkCxCAAAQgAAEIQABOg5wG2QIE4DTIaZAtQAACEIAABCAAATgNchp0rgJUtRURp9tGVdveAOq6fgrD8MhlgLquV+s8v9bfvn3fP4jj+DaKokMRmTl28p9VVT0WRXHVNM2qFwBjjGet3QOwA2DLscP/AvBujHm11rZgGIZhfs83q+NYb7UJWxYAAAAASUVORK5CYII=
" />

ah thanks, missed the data:image/png;base64, bit I think!