How do I load a base64 image in a sprite?

Post reply

❤Follow Topic(5)

0 favourites

9 posts

From the Asset Store

AI Chatbot Integration: Power Your Games with GPT-4 Responses With Text and Image

$10 USD

Elevate your games with our AI Chatbot Integration! Seamlessly connect your Construct 3 projects with GPT-4 for dynamic,

iagolira

- Vlakdo
- - Joined 3 Mar, 2014
  - 12 topics • 40 posts
- 1
- 22 Feb, 2019
- Quote
Hello everyone, my client has in his database a large amount of saved images in base64, I need to upload these images in different sprites in the project, but I can not find information on how to achieve it.

Please someone could share information on how to achieve it, or if there is a plugin that can be used. Thank you so much.
Tagged:

base64
image
load
sprite
- Magistross
- - Joined 4 Jul, 2011
  - 8 topics • 1,206 posts
- 1
- 22 Feb, 2019
- Quote
The "Load image from URL" can be provided a data URI containing images encoded in base64 format.

It should look something like this :

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==

This is a simple 5x5 red dot encoded in base64.
- Vlakdo
- - Joined 3 Mar, 2014
  - 12 topics • 40 posts
- 1
- 23 Feb, 2019
- Quote
Magistross Thanks, it worked very well!
- LiteSnacks
- - Joined 16 Jun, 2016
  - 14 topics • 31 posts
- 1
- 9 Dec, 2019
- Quote
Magistross I know it's been a while but would you be able to expand a little more on the URI format you provided?
I have the base64 string saved to a var. Would I be able to load from that? Or directly from the Server?

Thanks
- Magistross
- - Joined 4 Jul, 2011
  - 8 topics • 1,206 posts
- 2
- 9 Dec, 2019
- Quote
LiteSnacksIf you have the string readily available, you can simply use a sprite's "Load image from URL" action to display it directly from it.
Like this:
- LiteSnacks
- - Joined 16 Jun, 2016
  - 14 topics • 31 posts
- 1
- 9 Dec, 2019
- Quote
Thanks for the response! I will try that when I get home.
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- Ashley Construct Team Founder
- Moderator
- - Joined 21 May, 2007
  - 669 topics • 30,350 posts
- 1
- 10 Dec, 2019
- Quote
The MDN entry on Data URLs has more information about how they work.
- LiteSnacks
- - Joined 16 Jun, 2016
  - 14 topics • 31 posts
- 1
- 10 Dec, 2019
- Quote
Ashley Exactly what I was looking for thank you
- LiteSnacks
- - Joined 16 Jun, 2016
  - 14 topics • 31 posts
- 1
- 10 Dec, 2019
- Quote
Ashley Magistross Works thanks again. Although some images i'm testing w/ simply do not load from the string, and then others do. Is there a reason you can think of why this is happening? All the files are jpg.
What i'm doing is sending the base64 string via AJAX POST to a .php file which writes the string to a text file. Then requesting the data back w/ a .php file echoing the text file.

Like I said it works with a couple .jpgs, but not all of them.