# How to display uploaded pdf file

**URL:** <https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521>\
**Category:** Ask for Help\
**Created:** [April 6, 2020, 7:27pm UTC](https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521 "2020-04-06T19:27:51Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![emilio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/emilio/32/2944_2.png) [@emilio](https://community.glideapps.com/u/emilio)\
**Post date:** [April 6, 2020, 7:27pm UTC](https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521/1 "2020-04-06T19:27:51Z")

</div>

Hi! I tried uploading a pdf file from the **image picker** and it didn’t work, so I changed the component to **file picker**. The only problem is now I can’t display that pdf with the image component I had set up.

How can I display the uploaded file to the user?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 6, 2020, 7:31pm UTC](https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521/2 "2020-04-06T19:31:18Z")

</div>

I know there are various hacks in Glide to show PDFs. If you want a surefire way, there’s this hack, too:

> [@Using PDF in the app](https://community.glideapps.com/t/using-pdf-in-the-app/4957/6):
>
> Using Cloudinary to generate a thumb from your PDF and display in Glide: Upload a PDF to Cloudinary Insert PDF link in Google Sheets Replace .pdf with .png (or .jpeg) manually or via formula [Screen Shot 2020-02-26 at 3.32.54 PM] Create a component that displays the image and links to the PDF [Screen Shot 2020-02-26 at 3.33.41 PM]

---

<div class="post-metadata">

**Author:** ![emilio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/emilio/32/2944_2.png) [@emilio](https://community.glideapps.com/u/emilio)\
**Post date:** [April 6, 2020, 7:34pm UTC](https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521/3 "2020-04-06T19:34:30Z")

</div>

Oh, nice. Didn’t realize you’d already addressed this topic. Thanks @Robert_Petitto 👍

---

<div class="post-metadata">

**Author:** ![emilio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/emilio/32/2944_2.png) [@emilio](https://community.glideapps.com/u/emilio)\
**Post date:** [April 6, 2020, 7:36pm UTC](https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521/4 "2020-04-06T19:36:38Z")

</div>

The only thing is, if I use the Cloudinary route, users would no longer be able to upload them… I’d have to upload them myself, right?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 6, 2020, 7:38pm UTC](https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521/5 "2020-04-06T19:38:37Z")

</div>

It might be that users would upload PDFs to the app using filepicker but then you use cloudinary to fetch the item and view it as an image…let me test 🤪

---

<div class="post-metadata">

**Author:** ![emilio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/emilio/32/2944_2.png) [@emilio](https://community.glideapps.com/u/emilio)\
**Post date:** [April 6, 2020, 7:40pm UTC](https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521/6 "2020-04-06T19:40:16Z")

</div>

haha ok. Thanks! 😀

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 6, 2020, 7:42pm UTC](https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521/7 "2020-04-06T19:42:54Z")

</div>

Your original method should work. Use File upload to upload PDF and use an image component to display the file.

 ![ScreenFlow](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/c/c5b78039dc4705ffac268dbaf3a2fd1e1ba81ea4.gif)

---

<div class="post-metadata">

**Author:** ![emilio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/emilio/32/2944_2.png) [@emilio](https://community.glideapps.com/u/emilio)\
**Post date:** [April 6, 2020, 7:46pm UTC](https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521/8 "2020-04-06T19:46:42Z")

</div>

Oh, maybe I was doing something wrong. Let me check again real quick.

---

<div class="post-metadata">

**Author:** ![emilio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/emilio/32/2944_2.png) [@emilio](https://community.glideapps.com/u/emilio)\
**Post date:** [April 6, 2020, 8:02pm UTC](https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521/9 "2020-04-06T20:02:51Z")

</div>

You were right, it does work. I had an issue with a visibility rule that I hadn’t tested properly.

Thanks again for your time! 👍

---

<div class="post-metadata">

**Author:** ![Sanket\_Vyavahare](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sanket_vyavahare/32/53264_2.png) [@Sanket\_Vyavahare](https://community.glideapps.com/u/Sanket_Vyavahare)\
**Post date:** [February 21, 2023, 12:07pm UTC](https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521/10 "2023-02-21T12:07:02Z")

</div>

Hi, was this solved?

Is there filetype for pdfs in Glide? The approach of using **file picker** for letting customers upload pdfs and then using image column to showcase that file does not work for the pdf files of more than 1 page.

I am facing this challenge. What is the best way to make it work?

---

<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:** [February 21, 2023, 12:49pm UTC](https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521/11 "2023-02-21T12:49:58Z")

</div>

Have you tried using the web embed component?

---

<div class="post-metadata">

**Author:** ![Sanket\_Vyavahare](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sanket_vyavahare/32/53264_2.png) [@Sanket\_Vyavahare](https://community.glideapps.com/u/Sanket_Vyavahare)\
**Post date:** [February 23, 2023, 6:21am UTC](https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521/12 "2023-02-23T06:21:48Z")

</div>

Not yet. Let me learn about it and try. Thanks for your response, @ThinhDinh!

---

<div class="post-metadata">

**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Post date:** [January 17, 2024, 4:49pm UTC](https://community.glideapps.com/t/how-to-display-uploaded-pdf-file/6521/13 "2024-01-17T16:49:09Z")

</div>


