# Thunkable iOS: Display images from a server

**URL:** <https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661>\
**Category:** Questions about Thunkable X\
**Tags:** ios\
**Created:** [June 1, 2018, 10:31am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661 "2018-06-01T10:31:37Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![SAKSHI\_R](https://avatars.discourse-cdn.com/v4/letter/s/a698b9/32.png) [@SAKSHI\_R](https://community.thunkable.com/u/SAKSHI_R)\
**Post date:** [June 1, 2018, 10:31am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/1 "2018-06-01T10:31:37Z")

</div>

How can I display images in the device that I have pre-uploaded?What to use - Firebase, MediaDB or Spreadsheets?

---

<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:** [June 1, 2018, 10:38am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/2 "2018-06-01T10:38:49Z")

</div>

You can use any of what you wrote. For example, you can work as wrote Mark

> [@How to retrieve images with a Spreadsheet component](http://community.thunkable.com/t/how-to-retrieve-images-with-a-spreadsheet-component/28670):
>
> I recently answered a question about retrieving and displaying images (or, more generally, attachments) stored in Spreadsheets and thought it might be useful to a larger audience. As far as Airtable images (and other attachments) are concerned, the returned value for an ‘Attachment’ type column in Airtable returns an array (i.e. a Thunkable List) of objects. You can obtain the download url for the object using the url property. Here is a very simple example Thunkable program that retrieves an…

---

<div class="post-metadata">

**Author:** ![SAKSHI\_R](https://avatars.discourse-cdn.com/v4/letter/s/a698b9/32.png) [@SAKSHI\_R](https://community.thunkable.com/u/SAKSHI_R)\
**Post date:** [June 1, 2018, 11:01am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/3 "2018-06-01T11:01:51Z")

</div>

i cannot understand his method. can u pls share blocks of some other method?

---

<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:** [June 1, 2018, 11:12am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/4 "2018-06-01T11:12:23Z")

</div>

An example of working with MediaDB

[https://docs.thunkable.com/thunkable-cross-platform/2-create/components/data-storage/media-db](https://docs.thunkable.com/thunkable-cross-platform/2-create/components/data-storage/media-db)

When working with RealtimeDB, you save images in the Firebase storage. All files in this repository have a URL that you can assign to the Image.Picture property.

---

<div class="post-metadata">

**Author:** ![SAKSHI\_R](https://avatars.discourse-cdn.com/v4/letter/s/a698b9/32.png) [@SAKSHI\_R](https://community.thunkable.com/u/SAKSHI_R)\
**Post date:** [June 1, 2018, 11:15am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/5 "2018-06-01T11:15:41Z")

</div>

I would like to upload a new image daily so i cannot keep adding new urls

---

<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:** [June 1, 2018, 11:20am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/6 "2018-06-01T11:20:03Z")

</div>

Please tell us in more detail what you want to do.

---

<div class="post-metadata">

**Author:** ![SAKSHI\_R](https://avatars.discourse-cdn.com/v4/letter/s/a698b9/32.png) [@SAKSHI\_R](https://community.thunkable.com/u/SAKSHI_R)\
**Post date:** [June 1, 2018, 11:22am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/7 "2018-06-01T11:22:34Z")

</div>

It is a daily tip app. I want to upload tips in the form of images daily.

---

<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:** [June 1, 2018, 11:28am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/8 "2018-06-01T11:28:54Z")

</div>

Ok, but what difficulties do you have when working with databases? The database stores image URLs, and in the stores - the files themselves. We access the database, get the URL file and display it in any Thunkable X component that works with images.

---

<div class="post-metadata">

**Author:** ![SAKSHI\_R](https://avatars.discourse-cdn.com/v4/letter/s/a698b9/32.png) [@SAKSHI\_R](https://community.thunkable.com/u/SAKSHI_R)\
**Post date:** [June 1, 2018, 11:45am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/9 "2018-06-01T11:45:46Z")

</div>

I used this method. However, no image is being displayed. Additionally, my toolbar also disappears.These are my blocks

 ![49%20PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/6/463c77015662ea0b7f157423fc7f3372f33839b0.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:** [June 1, 2018, 11:52am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/10 "2018-06-01T11:52:08Z")

</div>

In the block “in list” is missing a number value. Put the block with the number 1.

---

<div class="post-metadata">

**Author:** ![SAKSHI\_R](https://avatars.discourse-cdn.com/v4/letter/s/a698b9/32.png) [@SAKSHI\_R](https://community.thunkable.com/u/SAKSHI_R)\
**Post date:** [June 1, 2018, 11:53am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/11 "2018-06-01T11:53:37Z")

</div>

fixed it. still not displaying

---

<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:** [June 1, 2018, 11:57am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/12 "2018-06-01T11:57:36Z")

</div>

It is necessary to look “value” and “error” value. Try to connect “value” block directly through the “generate JSON from object” block to Label1.Text.

If you give me a link to your project, then I can help faster.

---

<div class="post-metadata">

**Author:** ![SAKSHI\_R](https://avatars.discourse-cdn.com/v4/letter/s/a698b9/32.png) [@SAKSHI\_R](https://community.thunkable.com/u/SAKSHI_R)\
**Post date:** [June 1, 2018, 12:01pm UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/13 "2018-06-01T12:01:49Z")

</div>

have shared my link in messages.

---

<div class="post-metadata">

**Author:** ![Mark](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mark/32/18133_2.png) [@Mark](https://community.thunkable.com/u/Mark)\
**Post date:** [June 1, 2018, 10:36pm UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/14 "2018-06-01T22:36:44Z")

</div>

Just to clarify, [my post](http://community.thunkable.com/t/how-to-retrieve-images-with-a-spreadsheet-component/28670) describing how to retrieve images assumes that you will use an [Airtable](https://airtable.com) spreadsheet to store your images and our Spreadsheet component to retrieve it (see [here](https://docs.thunkable.com/thunkable-cross-platform/2-create/components/data-storage/spreadsheet) for help on that). You could then directly use the [airtable.com](http://airtable.com) site (or [one of their apps](https://airtable.com/downloads)) to upload your images as often as you need.

-Mark

---

<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:** [June 2, 2018, 5:03am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/15 "2018-06-02T05:03:17Z")

</div>

Thanks Mark,

we used your example and it works fine. There was a problem with the incorrect table name and some difficulties with displaying the image in the Image component.

---

<div class="post-metadata">

**Author:** ![vcvesk](https://avatars.discourse-cdn.com/v4/letter/v/67e7ee/32.png) [@vcvesk](https://community.thunkable.com/u/vcvesk)\
**Post date:** [September 29, 2018, 8:26pm UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/16 "2018-09-29T20:26:57Z")

</div>

Hello,

I am new to Thunkable and was looking for help to build a simple app on my iPhone SE. I want to be ableto have an app that will have one button which when pressed will pull an image from my Desktop (or server) and display it on scree along with a text message. Any idea on how to go about doing this? I would really appreciate any tip or directions to useful resources on how to build this in Thunkable.

Thanks a lot,

Shrini

---

<div class="post-metadata">

**Author:** ![Bigchips](https://avatars.discourse-cdn.com/v4/letter/b/7ba0ec/32.png) [@Bigchips](https://community.thunkable.com/u/Bigchips)\
**Post date:** [October 2, 2018, 6:44am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/17 "2018-10-02T06:44:51Z")

</div>

Hi,  
Can you explained to make this method work?

---

<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, 11:55am UTC](https://community.thunkable.com/t/thunkable-ios-display-images-from-a-server/29661/18 "2024-11-08T11:55:17Z")

</div>


