# Canvas image in RTDB

**URL:** <https://community.thunkable.com/t/canvas-image-in-rtdb/1087076>\
**Category:** Questions about Thunkable X\
**Tags:** canvas, realtimedb\
**Created:** [February 8, 2021, 2:16pm UTC](https://community.thunkable.com/t/canvas-image-in-rtdb/1087076 "2021-02-08T14:16:50Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [February 8, 2021, 2:16pm UTC](https://community.thunkable.com/t/canvas-image-in-rtdb/1087076/1 "2021-02-08T14:16:50Z")

</div>

I’ve made an app in which students can draw and the image of their canvas will be sent to the RTDB and can be viewed by their teacher using an image component. Here, both the student and the teacher have to enter a Artroom name in order for

- The student’s canvas to be able to be shared
- The teacher to be able to view the student’s canvas.

Somehow, this isn’t working. I even tried uploading to media\_db and then uploading it to firebase, but that’s not working either.  
This is my code:  
**Student’s screen**

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/a/4a055d355c79a8a66126aecc8db9e9fb6d6b4cbc.png)  
**Teacher’s screen**  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/f/5fe2de97235a9172814ee400c669041bdc2ca9c6.png)

I understand that canvas images are returned in base64 format, and even tried to upload to Cloudinary because I wasn’t sure if you could directly set the URL of an image component to a base64 URL.  
Any idea what to do?  
Thanks.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:29pm UTC](https://community.thunkable.com/t/canvas-image-in-rtdb/1087076/2 "2024-11-08T13:29:31Z")

</div>


