# Uploading App Images with Cloudinary

**URL:** <https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749>\
**Category:** Questions about Thunkable X\
**Created:** [July 26, 2018, 7:59pm UTC](https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749 "2018-07-26T19:59:11Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![KaneoheKid](https://avatars.discourse-cdn.com/v4/letter/k/d07c76/32.png) [@KaneoheKid](https://community.thunkable.com/u/KaneoheKid)\
**Post date:** [July 26, 2018, 7:59pm UTC](https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749/1 "2018-07-26T19:59:11Z")

</div>

I’m having no problem uploading photos using Cloudinary, but I need to upload standard images too. For example, upload a red dot image if the user selects red or blue dot if the user selects blue. After saving the images to the app as files and using the blocks below, I get the error message “You need to provide a valid media path”. What is needed to upload the image?

![ImageError](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/8/78137b064c4fbbd4db33f2c7bb95aaed2a7eceb8.png)

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [July 27, 2018, 6:29am UTC](https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749/2 "2018-07-27T06:29:09Z")

</div>

With Label.setText, look at what’s in the “from NoPhotoJMG.getPicture” block.

Label.setText \<- from NoPhotoJMG.getPicture

---

<div class="post-metadata">

**Author:** ![KaneoheKid](https://avatars.discourse-cdn.com/v4/letter/k/d07c76/32.png) [@KaneoheKid](https://community.thunkable.com/u/KaneoheKid)\
**Post date:** [July 27, 2018, 7:23am UTC](https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749/3 "2018-07-27T07:23:39Z")

</div>

The response for setting the ’ Get Picture’ block as a label is simply the file name with no path, ’ NoPhoto.png ‘. When I check the output of the ’ mediaURL’ block, it says ‘undefined’.

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [July 27, 2018, 7:31am UTC](https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749/4 "2018-07-27T07:31:23Z")

</div>

To add a file to this store, you need to specify a network address, for example:

[http://mysite.com/images/myPicture.png](http://mysite.com/images/myPicture.png)

---

<div class="post-metadata">

**Author:** ![KaneoheKid](https://avatars.discourse-cdn.com/v4/letter/k/d07c76/32.png) [@KaneoheKid](https://community.thunkable.com/u/KaneoheKid)\
**Post date:** [July 27, 2018, 8:39am UTC](https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749/5 "2018-07-27T08:39:15Z")

</div>

I’m still not getting it. See the shared demo. If i use a path to a file, it does not work.

[https://x.thunkable.com/projects/5b5aca5cb7acaf6737df60a4/Row2/designer](https://x.thunkable.com/projects/5b5aca5cb7acaf6737df60a4/Row2/designer)

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [July 27, 2018, 8:45am UTC](https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749/6 "2018-07-27T08:45:59Z")

</div>

Now I will answer you

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [July 27, 2018, 9:16am UTC](https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749/7 "2018-07-27T09:16:06Z")

</div>

It looks like MediaDB needs to specify a full local path to the file and with any other paths does not work. It seemed to me that somehow I was able to download network resources, but maybe I’m wrong.

Images for MediaDB can be taken from the Camera or from PhotoLibrary. These components just give a full local path to the files.

---

<div class="post-metadata">

**Author:** ![KaneoheKid](https://avatars.discourse-cdn.com/v4/letter/k/d07c76/32.png) [@KaneoheKid](https://community.thunkable.com/u/KaneoheKid)\
**Post date:** [July 28, 2018, 8:20am UTC](https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749/8 "2018-07-28T08:20:42Z")

</div>

If there are any other Cloudinary Smart People out there, I’m still looking for a solution to upload attachments from either URL’s or assets (icons) from within the APP. Thanks in advance.

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [July 28, 2018, 10:31am UTC](https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749/9 "2018-07-28T10:31:50Z")

</div>

Found such a web solution. It somewhat extends the ability to load images, but with imported and deleted files does not work.

[upload1.txt](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/4/d4f7b62f37c91de8048595394401c466bc1fdc26.txt) (1.5 KB)

To work with imported files in the project, I would suggest such a solution: to encode them into the Base64 format and save as text to some database.

---

<div class="post-metadata">

**Author:** ![Desi\_Entertainment](https://avatars.discourse-cdn.com/v4/letter/d/d6d6ee/32.png) [@Desi\_Entertainment](https://community.thunkable.com/u/Desi_Entertainment)\
**Post date:** [July 28, 2018, 11:20am UTC](https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749/10 "2018-07-28T11:20:40Z")

</div>

how to make auto image sliding system from firebase Images?? Pls Reply

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [July 29, 2018, 2:36am UTC](https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749/11 "2018-07-29T02:36:07Z")

</div>

Use Firebase Javascript API.

---

<div class="post-metadata">

**Author:** ![HEHEHE](https://avatars.discourse-cdn.com/v4/letter/h/e56c9b/32.png) [@HEHEHE](https://community.thunkable.com/u/HEHEHE)\
**Post date:** [August 20, 2018, 8:46pm UTC](https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749/12 "2018-08-20T20:46:41Z")

</div>

Even I am trying to do this thing but no solved answer is here yet … please help

---

<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, 12:00pm UTC](https://community.thunkable.com/t/uploading-app-images-with-cloudinary/37749/13 "2024-11-08T12:00:39Z")

</div>


