# Community Update: New File Picker component was just released \[Mar 2022\]

**URL:** <https://community.thunkable.com/t/community-update-new-file-picker-component-was-just-released-mar-2022/1779636>\
**Category:** Questions about Thunkable X\
**Tags:** file-picker\
**Created:** [March 11, 2022, 11:34pm UTC](https://community.thunkable.com/t/community-update-new-file-picker-component-was-just-released-mar-2022/1779636 "2022-03-11T23:34:07Z")\
**Posts on this page:** 12\
**Page:** 1

<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:** [March 11, 2022, 11:34pm UTC](https://community.thunkable.com/t/community-update-new-file-picker-component-was-just-released-mar-2022/1779636/1 "2022-03-11T23:34:07Z")

</div>

![file exp](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/9/1912b1022dbd2fa6709716a166ee1a3f85e211f7.png)

I saw a notification about the new File Picker component in Thunkable. Is there a blog entry about this? I did see it in the [documentation](https://docs.thunkable.com/v/drag-and-drop/files#advanced-block-1).

I was excited to try out this new feature so I made a very simple demo that lets you upload a file from a computer or mobile device and then displays the file information and:

– if it’s an image or PDF, displays it  
– if it’s a sound file, plays it

[https://x.thunkable.com/copy/5e77d126de443cdbff81636b4593dbde](https://x.thunkable.com/copy/5e77d126de443cdbff81636b4593dbde)

Here’s a screenshot from Thunkable Live:

 ![IMG_A7F3D4842FEA-1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/2/b20a91963717deab4856c7f41a3aa607eff77a01.jpeg)

**I’d love to start a discussion about what we might use this feature for…**

**Some ideas I had:**

• Users can upload audio to be played in a playlist  
• Users can upload .csv files to be parsed within an app in order to update a database  
• Offline users can upload a text file or JSON file to be used as a configuration file to modify/update an app

---

<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:** [March 12, 2022, 12:40am UTC](https://community.thunkable.com/t/community-update-new-file-picker-component-was-just-released-mar-2022/1779636/2 "2022-03-12T00:40:23Z")

</div>

I was not able to get it to play an .mp3 file that I uploaded from my computer.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/9/49b730ac956542766b8e1df08e7a9567ebd57b24.png)

**Edit:** totally my fault! See below.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [March 12, 2022, 12:49am UTC](https://community.thunkable.com/t/community-update-new-file-picker-component-was-just-released-mar-2022/1779636/3 "2022-03-12T00:49:54Z")

</div>

Can you print the mime type to a debug label?

---

<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:** [March 12, 2022, 1:26am UTC](https://community.thunkable.com/t/community-update-new-file-picker-component-was-just-released-mar-2022/1779636/4 "2022-03-12T01:26:53Z")

</div>

Well this is embarrassing. I can’t stand the constant sound effects of the Thunkable interface and there’s no way to turn them off so I always mute the tab I’m working in.

The mp3 file (_audio/mpeg_ mime type) was playing just fine. I just had it muted!

I used a file from here: [Sample MP3 audio files](https://samplelib.com/sample-mp3.html)

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [March 12, 2022, 1:37am UTC](https://community.thunkable.com/t/community-update-new-file-picker-component-was-just-released-mar-2022/1779636/5 "2022-03-12T01:37:46Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/f/cf0861410500fd15336c7acf8581c8c7400464d0.webp)

🤣 we’ve all been there. That clicking drives my partner crazy I think. She’s just too kind to say it.

---

<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:** [March 12, 2022, 8:14am UTC](https://community.thunkable.com/t/community-update-new-file-picker-component-was-just-released-mar-2022/1779636/6 "2022-03-12T08:14:02Z")

</div>

This note in the documentation is really out of context

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/2/e2b31141b558818a7a65c0ce479d1d62e0198846.png)

As if you are telling everyone, we know from the start that this is an issue but we’re not even willing to show an internal **loading icon**. We meant it.

I tried this block  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/d/4d1bca586389ed2bb7d33ea1f82f1488e02fc675.png)

From the mobile, it works as expected.

From the computer, I cannot see the message when I cancel.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [March 12, 2022, 3:59pm UTC](https://community.thunkable.com/t/community-update-new-file-picker-component-was-just-released-mar-2022/1779636/8 "2022-03-12T15:59:33Z")

</div>

In a published web app or web preview?

---

<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:** [March 12, 2022, 4:53pm UTC](https://community.thunkable.com/t/community-update-new-file-picker-component-was-just-released-mar-2022/1779636/9 "2022-03-12T16:53:48Z")

</div>

> [@jared](#):
>
> published web app or web preview

I checked both. There is no response if you cancel the `File Dialog` from the computer whether it is a `Published Web App` or the `Preview feature` in design page.

---

<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:** [March 14, 2022, 12:08am UTC](https://community.thunkable.com/t/community-update-new-file-picker-component-was-just-released-mar-2022/1779636/10 "2022-03-14T00:08:40Z")

</div>

Is this new feature in the “Snap to Place” version as well as the DnD? I can’t seem to find it in the components. 🤔

---

<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:** [March 14, 2022, 2:41am UTC](https://community.thunkable.com/t/community-update-new-file-picker-component-was-just-released-mar-2022/1779636/11 "2022-03-14T02:41:46Z")

</div>

No. See this:

> [@Is File picker available on Snap-to-Place? (flex-box builder interface)](https://community.thunkable.com/t/is-file-picker-available-on-snap-to-place-flex-box-builder-interface/1780467):
>
> The new pdf picker has been launched which is a great component to all across the community; I just want to know when will it be available for STP(Snap-to-place) as well?

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [March 14, 2022, 4:31pm UTC](https://community.thunkable.com/t/community-update-new-file-picker-component-was-just-released-mar-2022/1779636/12 "2022-03-14T16:31:57Z")

</div>

I was wrong! For now, the file picker is an invisible component you need to add to the project, same as when adding Airtable or Firebase!!

File picker is available on Snap to place.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [June 12, 2022, 4:32pm UTC](https://community.thunkable.com/t/community-update-new-file-picker-component-was-just-released-mar-2022/1779636/13 "2022-06-12T16:32:31Z")

</div>

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