# Image upload file url

**URL:** <https://forum.adalo.com/t/image-upload-file-url/48123>\
**Category:** Get Help\
**Created:** [June 25, 2024, 2:29am UTC](https://forum.adalo.com/t/image-upload-file-url/48123 "2024-06-25T02:29:32Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![arkimark](https://avatars.discourse-cdn.com/v4/letter/a/cc9497/32.png) [@arkimark](https://forum.adalo.com/u/arkimark)\
**Post date:** [June 25, 2024, 2:29am UTC](https://forum.adalo.com/t/image-upload-file-url/48123/1 "2024-06-25T02:29:32Z")

</div>

hi,

is it possible to display image via URL \> FILE UPLOAD \> URL? instead of via image component.

coz i want to display both image and video uploaded via file picker.

---

<div class="post-metadata">

**Author:** ![Victor](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/victor/32/2054_2.png) [@Victor](https://forum.adalo.com/u/Victor)\
**Post date:** [June 25, 2024, 6:05am UTC](https://forum.adalo.com/t/image-upload-file-url/48123/2 "2024-06-25T06:05:49Z")

</div>

Hi @arkimark,

You can put any URL with image as a source for Image component.

Best,  
Victor.

---

<div class="post-metadata">

**Author:** ![arkimark](https://avatars.discourse-cdn.com/v4/letter/a/cc9497/32.png) [@arkimark](https://forum.adalo.com/u/arkimark)\
**Post date:** [June 25, 2024, 6:14am UTC](https://forum.adalo.com/t/image-upload-file-url/48123/3 "2024-06-25T06:14:43Z")

</div>

![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/1/9/1901133a31ba938779ab61c9a973dbad1aa56a64.png)  
hi victor,

im trying to link an image uploaded from FILE PICKER via image URL, but its not working.

---

<div class="post-metadata">

**Author:** ![Victor](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/victor/32/2054_2.png) [@Victor](https://forum.adalo.com/u/Victor)\
**Post date:** [June 25, 2024, 6:16am UTC](https://forum.adalo.com/t/image-upload-file-url/48123/4 "2024-06-25T06:16:53Z")

</div>

@arkimark to start with, it is not the best practice to use URL from any picker as a source of image - there is no guarantee this URL will remain available forever (this is a picker, not a storage).  
I would suggest that first you store the image / file to the collection, and then use URL as a source.

Also, if you click on “URL” on the screenshot you’ve provided, you will see a input box below, where you can put **any** URL you want, also using the magic text.

Best,  
Victor.

---

<div class="post-metadata">

**Author:** ![arkimark](https://avatars.discourse-cdn.com/v4/letter/a/cc9497/32.png) [@arkimark](https://forum.adalo.com/u/arkimark)\
**Post date:** [June 25, 2024, 6:22am UTC](https://forum.adalo.com/t/image-upload-file-url/48123/5 "2024-06-25T06:22:09Z")

</div>

yes, the file is stored in a collection. the intention is for the user to upload a file (image OR video) and show both on the screen via image AND video component (with visibility settings).

image component \> show only if the filename contains ‘jpg’  
video component \> show only if the filename contains ‘mp4’

---

<div class="post-metadata">

**Author:** ![Victor](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/victor/32/2054_2.png) [@Victor](https://forum.adalo.com/u/Victor)\
**Post date:** [June 25, 2024, 6:26am UTC](https://forum.adalo.com/t/image-upload-file-url/48123/6 "2024-06-25T06:26:31Z")

</div>

@arkimark here is the example:

 ![Screenshot 2024-06-25 at 09.24.03](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/d/1/d1608ae94bc2b36fa4c46ecb91ac96b43e0ec727.jpeg)  
 ![Screenshot 2024-06-25 at 09.25.03](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/5/a/5adb74d832744eefc1ac6396df6eff442bdb353b.png)  
 ![Screenshot 2024-06-25 at 09.25.51](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/b/d/bd948c5d4187e96b4fd50e22215b2c6749e2a902.png)

---

<div class="post-metadata">

**Author:** ![Victor](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/victor/32/2054_2.png) [@Victor](https://forum.adalo.com/u/Victor)\
**Post date:** [June 25, 2024, 6:27am UTC](https://forum.adalo.com/t/image-upload-file-url/48123/7 "2024-06-25T06:27:08Z")

</div>

You can create custom list and show / hide components based on the upload type.

---

<div class="post-metadata">

**Author:** ![arkimark](https://avatars.discourse-cdn.com/v4/letter/a/cc9497/32.png) [@arkimark](https://forum.adalo.com/u/arkimark)\
**Post date:** [June 25, 2024, 6:35am UTC](https://forum.adalo.com/t/image-upload-file-url/48123/8 "2024-06-25T06:35:25Z")

</div>

unfortunately, its not working on my side.

---

<div class="post-metadata">

**Author:** ![arkimark](https://avatars.discourse-cdn.com/v4/letter/a/cc9497/32.png) [@arkimark](https://forum.adalo.com/u/arkimark)\
**Post date:** [June 25, 2024, 6:39am UTC](https://forum.adalo.com/t/image-upload-file-url/48123/9 "2024-06-25T06:39:36Z")

</div>

its works with IMAGE LIST component. but not working on custom list (image + video).

---

<div class="post-metadata">

**Author:** ![Victor](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/victor/32/2054_2.png) [@Victor](https://forum.adalo.com/u/Victor)\
**Post date:** [June 25, 2024, 7:19am UTC](https://forum.adalo.com/t/image-upload-file-url/48123/10 "2024-06-25T07:19:12Z")

</div>

@arkimark just checked - Video works but Image does not.  
You might want to submit a ticket for that - as for me this is an Adalo bug.

A workaround (as usual ☹ ) could be adding an additional property to indicate whether it’s image or video and store image/video in a different database properties **when uploading**.

Best,  
Victor.

---

<div class="post-metadata">

**Author:** ![arkimark](https://avatars.discourse-cdn.com/v4/letter/a/cc9497/32.png) [@arkimark](https://forum.adalo.com/u/arkimark)\
**Post date:** [June 25, 2024, 7:31am UTC](https://forum.adalo.com/t/image-upload-file-url/48123/11 "2024-06-25T07:31:31Z")

</div>

for the meantime, I added image property in the collection. now, users have choose between 2 inputs; image or video.

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/system/32/40401_2.png) [@system](https://forum.adalo.com/u/system)\
**Post date:** [July 5, 2024, 7:31am UTC](https://forum.adalo.com/t/image-upload-file-url/48123/12 "2024-07-05T07:31:34Z")

</div>

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
