# File picker \> file viewer

**URL:** https://community.glideapps.com/t/file-picker-file-viewer/16039
**Category:** Ask for Help
**Created:** [September 19, 2020, 9:11am UTC](https://community.glideapps.com/t/file-picker-file-viewer/16039 "2020-09-19T09:11:47Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![AyS\_0908](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ays_0908/32/27349_2.png) [@AyS\_0908](https://community.glideapps.com/u/AyS_0908)
#### Post date: [September 19, 2020, 9:11am UTC](https://community.glideapps.com/t/file-picker-file-viewer/16039/1 "2020-09-19T09:11:47Z")

</div>

Hi, sorry for the basic question.

- I have a form where with a file picker where I can upload files (.pdf for instance)
- I want my users to be able to open (or save on their computer) these documents  
I don’t see what component I should use (a “file view” component?)  
Thanks in advance

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [September 19, 2020, 10:19am UTC](https://community.glideapps.com/t/file-picker-file-viewer/16039/2 "2020-09-19T10:19:06Z")

</div>

You can use a link component, or a button that links to a web view.

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [September 19, 2020, 10:19am UTC](https://community.glideapps.com/t/file-picker-file-viewer/16039/3 "2020-09-19T10:19:27Z")

</div>

Check this trick here by Jeff.

> [@Black screen when try to enlarge image](https://community.glideapps.com/t/black-screen-when-try-to-enlarge-image/15687/21):
>
> I believe this is where I found the info: I set up a template column like this: https://docs.google.com/viewer?embedded=true&url={Document} And then I have a replacement set up to replace {Document} with the url of the PDF. I also have it set up to show images and website links, so right now I also have an If Then column set up to search for ‘.PDF’ in the url and if it has it, then I use the wrapped version of the URL. Otherwise I just use the URL in it’s original form. Just a word of c…

---

<div class="post-metadata">

### Author: ![AyS\_0908](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ays_0908/32/27349_2.png) [@AyS\_0908](https://community.glideapps.com/u/AyS_0908)
#### Post date: [September 19, 2020, 1:42pm UTC](https://community.glideapps.com/t/file-picker-file-viewer/16039/4 "2020-09-19T13:42:34Z")

</div>

Thanks @ThinhDinh, I tried both of them, but this does not work.  
In the form, my users can upload .pdf which are therefore directly stored into Glide Databuilder.  
Is it really necessary to have workarounds just to have them displayed when user clic on them?  
Thanks

---

<div class="post-metadata">

### Author: ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)
#### Post date: [September 19, 2020, 2:02pm UTC](https://community.glideapps.com/t/file-picker-file-viewer/16039/5 "2020-09-19T14:02:33Z")

</div>

Hello,  
I am using this method of File Picker.

Glide turns a .pdf file into an image, so you can use an Image component (or an InList with the Images data) for a preview.  
For the recording, I use the Link action (in the Image component or other), which displays the pdf in the browser. the user can then save as.

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [September 19, 2020, 2:44pm UTC](https://community.glideapps.com/t/file-picker-file-viewer/16039/6 "2020-09-19T14:44:20Z")

</div>

Even if the webview doesn’t work, I imagine the link component or a button that has an open link action would work.

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [January 27, 2024, 6:50pm UTC](https://community.glideapps.com/t/file-picker-file-viewer/16039/7 "2024-01-27T18:50:41Z")

</div>


