# Images taken with Camera not shown up when we open app from another mobile/laptop

**URL:** <https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502>\
**Category:** Questions about Thunkable X\
**Created:** [May 11, 2021, 2:22pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502 "2021-05-11T14:22:46Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![gkriti.1678n2l](https://avatars.discourse-cdn.com/v4/letter/g/f17d59/32.png) [@gkriti.1678n2l](https://community.thunkable.com/u/gkriti.1678n2l)\
**Post date:** [May 11, 2021, 2:22pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/1 "2021-05-11T14:22:47Z")

</div>

Hi,

I believe that ‘camera’ component stores the local path of image. That is why when I try to see the saved photo from any other device, the photo does not show up.  
Correct me if I’m wrong.

So if this is the case, is there anyway to make the picture taken and show it up ‘globally’. Like it is visible when the app is opened from any device?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [May 11, 2021, 2:24pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/2 "2021-05-11T14:24:54Z")

</div>

Please show your code. Where are you storing the image?

---

<div class="post-metadata">

**Author:** ![gkriti.1678n2l](https://avatars.discourse-cdn.com/v4/letter/g/f17d59/32.png) [@gkriti.1678n2l](https://community.thunkable.com/u/gkriti.1678n2l)\
**Post date:** [May 11, 2021, 2:27pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/3 "2021-05-11T14:27:36Z")

</div>

![Screenshot 2021-05-11 at 7.57.23 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/c/4c43f1dbb5b9722373f81adfcdc211d55f9ea079.png)

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [May 11, 2021, 2:30pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/4 "2021-05-11T14:30:58Z")

</div>

You need to use Cloudinary with Media DB to save images not Firebase.

---

<div class="post-metadata">

**Author:** ![gkriti.1678n2l](https://avatars.discourse-cdn.com/v4/letter/g/f17d59/32.png) [@gkriti.1678n2l](https://community.thunkable.com/u/gkriti.1678n2l)\
**Post date:** [May 11, 2021, 2:33pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/5 "2021-05-11T14:33:57Z")

</div>

As far as I understand, media db just returns a media url, and in the docs it mentions cloudinary is not mandatory , but should be used as a safe measure for privacy of your pics.

Here, I used firebase to save images corresponding to a user email.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [May 11, 2021, 2:37pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/6 "2021-05-11T14:37:31Z")

</div>

So can you explain where are you saving the actual image and where are you saving the URL of the image?

If you want to save the image to Firebase you then need to convert it to Base64 before saving the image to Realtime DB.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [May 11, 2021, 2:39pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/7 "2021-05-11T14:39:59Z")

</div>

See this post

> [@Uploading an image of a canvas to cloudinary](https://community.thunkable.com/t/uploading-an-image-of-a-canvas-to-cloudinary/989016/16):
>
> Hi there, I took a look at this post and thought you might find [this project](https://x.thunkable.com/projectPage/60894d71879cff0011b57b02/) interesting. When you click the Button, it: Saves the image of the canvas as a cloud variables Uses this cloud variable as a source for the Image component in the app Displays the base 64 URL for the image on a Label This works for me on Android, iOS and web. If it works in your project, you may find it easier to work with than the Cloudinary API. Make sure to connect your own Firebase DB to your project if you end…

---

<div class="post-metadata">

**Author:** ![gkriti.1678n2l](https://avatars.discourse-cdn.com/v4/letter/g/f17d59/32.png) [@gkriti.1678n2l](https://community.thunkable.com/u/gkriti.1678n2l)\
**Post date:** [May 11, 2021, 2:44pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/8 "2021-05-11T14:44:57Z")

</div>

umm… the algorithm is like…  
when user clicks on snap button - \> call camera → upload the photo to media url to get url → save this url (key) against an email id (value) in firebase

Point is, it is working if I snap using mobile ‘x’, but if I open the app using mobile’y’, the image doesn’t show up.

I’ll go through the doc which you have referrerd, Thanku so much for replying.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [May 11, 2021, 2:48pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/9 "2021-05-11T14:48:08Z")

</div>

To have your image accessible by other users, you have to save the image on a cloud storage that the users can reach. Where are you saving the image to get the URL from the saved image.

Please note, I am not talking about the **upload** URL, I’m taking about the URL generated after uploading the image to the general repository.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 11, 2021, 2:54pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/10 "2021-05-11T14:54:54Z")

</div>

Right. You’re saving the value of the green Photo block which is the actual image file. You should be saving the green mediaURL block instead which is the text url for the hosted image.

---

<div class="post-metadata">

**Author:** ![gkriti.1678n2l](https://avatars.discourse-cdn.com/v4/letter/g/f17d59/32.png) [@gkriti.1678n2l](https://community.thunkable.com/u/gkriti.1678n2l)\
**Post date:** [May 11, 2021, 3:01pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/11 "2021-05-11T15:01:05Z")

</div>

> [@tatiang](#):
>
> value of the green Photo block which is the actual image file. You should be saving the green mediaURL block instead which is the text url for the hosted image.

Oh oki, so you are saying that I need to attach ‘media url’ block as value while saving to realtime database, correct?

I did that, and the value saved is coming like - “file:///storage/emulated/0/Pictures/image-b4762…”

Point is, have to upload the image in cloud somewhere (not the url), as the path shows local storage… so that it is accessible globally?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [May 11, 2021, 3:07pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/12 "2021-05-11T15:07:39Z")

</div>

I’ll explain again. To have your image accessible by others, you need to store it in a place in the internet that can be reached by others.

> [@gkriti.1678n2l](#):
>
> the value saved is coming like - “file:///storage/emulated/0/Pictures/image-b4762…

This is the URL which **Media DB** will use to upload the image to **Cloudinary** and then return to you an internet URL that can be reached by others,

You are missing the storage and using the URL for your local phone which will only be accessible in the phone that used to take the image.

Hope this is clear.

---

<div class="post-metadata">

**Author:** ![gkriti.1678n2l](https://avatars.discourse-cdn.com/v4/letter/g/f17d59/32.png) [@gkriti.1678n2l](https://community.thunkable.com/u/gkriti.1678n2l)\
**Post date:** [May 11, 2021, 3:39pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/13 "2021-05-11T15:39:55Z")

</div>

Got it now!

Thankyou so much for your patience!

That solves my issue. So after user clicks on photo, we need to upload it to a common place on net…like google drive or something…n then maybe use media db.

Please clarify if i went wrong again 😭

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 11, 2021, 4:06pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/14 "2021-05-11T16:06:54Z")

</div>

Yes. I use Cloudinary for that:

[https://docs.thunkable.com/media-db](https://docs.thunkable.com/media-db)

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [May 11, 2021, 4:23pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/15 "2021-05-11T16:23:27Z")

</div>

Think of Media-DB as an upload tool so it will be used after taking the picture from the camera (or selecting from the Gallery) and before uploading to the common storage.

---

<div class="post-metadata">

**Author:** ![gkriti.1678n2l](https://avatars.discourse-cdn.com/v4/letter/g/f17d59/32.png) [@gkriti.1678n2l](https://community.thunkable.com/u/gkriti.1678n2l)\
**Post date:** [May 11, 2021, 4:24pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/16 "2021-05-11T16:24:34Z")

</div>

Thanku so much both of you!

---

<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:22pm UTC](https://community.thunkable.com/t/images-taken-with-camera-not-shown-up-when-we-open-app-from-another-mobile-laptop/1276502/17 "2024-11-08T13:22:34Z")

</div>


