# Showing attached files

**URL:** <https://community.hubspot.com/t/showing-attached-files/80566>\
**Category:** Lead Capture Tools\
**Tags:** forms\
**Created:** [May 4, 2023, 1:07pm UTC](https://community.hubspot.com/t/showing-attached-files/80566 "2023-05-04T13:07:25Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![PUsik](https://avatars.discourse-cdn.com/v4/letter/p/8e8cbc/32.png) [@PUsik](https://community.hubspot.com/u/PUsik)\
**Post date:** [May 4, 2023, 1:07pm UTC](https://community.hubspot.com/t/showing-attached-files/80566/1 "2023-05-04T13:07:25Z")

</div>

Hey all. I have an embedded form in one of the fields which contains the ability to attach multi-files. The problem is that clients, after adding files to the form, don’t see them. Can I make it so on the application link when people click upload, they can see the documents they uploaded?

Here’s what it looks like:

 ![SkMLLkH.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/0/2/02722d22324a96ebe30754f1b8e9bb140730610e.png)

---

<div class="post-metadata">

**Author:** ![TomM2](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tomm2/32/70887_2.png) [@TomM2](https://community.hubspot.com/u/TomM2)\
**Post date:** [May 4, 2023, 4:51pm UTC](https://community.hubspot.com/t/showing-attached-files/80566/2 "2023-05-04T16:51:12Z")

</div>

Hey @PUsik this is not currently possible out of the box within HubSpot forms.

If you want to customize the input you can create a completely custom html form with any inputs and integrate with HubSpot using the API.

> **[2026-03 API reference - HubSpot docs](https://developers.hubspot.com/docs/api-reference/latest/overview)**
>
> Reference documentation for HubSpot's date-versioned APIs, introduced with the 2026-03 release.

I’d also like to note that sensitive information (such as bank statements) is against HubSpots TOS to store on their systems, so might be worth investigating a more secure upload facility for banking info!

---

<div class="post-metadata">

**Author:** ![PUsik](https://avatars.discourse-cdn.com/v4/letter/p/8e8cbc/32.png) [@PUsik](https://community.hubspot.com/u/PUsik)\
**Post date:** [May 10, 2023, 8:48pm UTC](https://community.hubspot.com/t/showing-attached-files/80566/3 "2023-05-10T20:48:49Z")

</div>

Thank you all. Found a solution, maybe someone will be useful.

If you select the script when installing the contact form HupSpot, with the additional help of the listener can achieve the output of attached files.

```lia-code-sample
<script>
 hbspt.forms.create({
 region: "na1",
 portalId: "YouPortalId",
 formId: "YouformId",
 onFormReady: function($form) {
 var input = $form.find('input[name="YouImputFileFieldName"]');
 input.on('change', function() {
 var fileList = this.files;
 var list = document.createElement('ul');
 for (var i = 0; i < fileList.length; i++) {
 var listItem = document.createElement('li');
 listItem.innerHTML = fileList[i].name;
 list.appendChild(listItem);
 }
 var fileListContainer = document.getElementById('fileList');
 if (!fileListContainer) {
 fileListContainer = document.createElement('div');
 fileListContainer.setAttribute('id', 'fileList');
 input.parentNode.insertBefore(fileListContainer, input.nextSibling);
 }
 fileListContainer.innerHTML = '';
 fileListContainer.appendChild(list);
 });
 }
 });
</script>

```

After that, in the place where you want to display the names of the attached files to place this div.

`<div id="fileList"></div>`

---

<div class="post-metadata">

**Author:** ![Franci](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/franci/32/225468_2.png) [@Franci](https://community.hubspot.com/u/Franci)\
**Post date:** [September 15, 2023, 12:38pm UTC](https://community.hubspot.com/t/showing-attached-files/80566/4 "2023-09-15T12:38:33Z")

</div>

Hey there!

We’ve just released the Attachment From Form app on the HubSpot Marketplace!

If you’re tired of playing hide-and-seek with files in your HubSpot database, you’re in the right place! Attachment From Form simplifies the process by linking files submitted in a form directly to the corresponding contact record. Say goodbye to the endless file hunt and say hello to effortless access!

Here are the standout features:

1. Effortless Form-Attachment Connection: Easily link your forms to contact attachments.

2. Efficient File Retrieval: When a contact submits a file type property in your form, it appears in the attachment card, saving you valuable time.

3. Organized Activity Section: Attachment From Form creates custom activities, making it a breeze to find attached files on the contact page while maintaining a comprehensive property attribution history.

Get organized and supercharge your efficiency with the Attachment From Form app now! And the best part? It won’t cost you a dime.

**You can install it right away → [LINK](https://ecosystem.hubspot.com/marketplace/apps/marketing/data-management/attachment-from-form-1752956)**