# How to use input type="file"?

**URL:** https://community.neutrinos.com/t/how-to-use-input-type-file/739
**Category:** Training, Academy & Certifications
**Tags:** neutrinos-ssd
**Created:** [May 8, 2025, 5:15pm UTC](https://community.neutrinos.com/t/how-to-use-input-type-file/739 "2025-05-08T17:15:55Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Rohith](https://community.neutrinos.com/letter_avatar_proxy/v4/letter/r/e99b99/32.png) [@Rohith](https://community.neutrinos.com/u/Rohith)
#### Post date: [May 8, 2025, 5:15pm UTC](https://community.neutrinos.com/t/how-to-use-input-type-file/739/1 "2025-05-08T17:15:55Z")

</div>

I’m trying to use an input with `type="file"` in the UI, but I’m getting this error:

> Input type “file” isn’t supported by matInput.

What is the correct way to implement a file upload input in this case? Is there a recommended alternative approach?

---

<div class="post-metadata">

### Author: ![Manikantha\_M](https://community.neutrinos.com/user_avatar/community.neutrinos.com/manikantha_m/32/443_2.png) [@Manikantha\_M](https://community.neutrinos.com/u/Manikantha_M)
#### Post date: [May 8, 2025, 7:57pm UTC](https://community.neutrinos.com/t/how-to-use-input-type-file/739/2 "2025-05-08T19:57:15Z")

</div>

Use HTML input element.

---

<div class="post-metadata">

### Author: ![Rohith](https://community.neutrinos.com/letter_avatar_proxy/v4/letter/r/e99b99/32.png) [@Rohith](https://community.neutrinos.com/u/Rohith)
#### Post date: [May 9, 2025, 8:29am UTC](https://community.neutrinos.com/t/how-to-use-input-type-file/739/3 "2025-05-09T08:29:38Z")

</div>

Can you clarify this? I don’t see any other input element available except the one from “Form controls”.

---

<div class="post-metadata">

### Author: ![VAjith](https://community.neutrinos.com/letter_avatar_proxy/v4/letter/v/919ad9/32.png) [@VAjith](https://community.neutrinos.com/u/VAjith)
#### Post date: [May 9, 2025, 9:10am UTC](https://community.neutrinos.com/t/how-to-use-input-type-file/739/4 "2025-05-09T09:10:02Z")

</div>

![image](https://community.neutrinos.com/uploads/default/original/1X/8a4243dd0cb069d7318d51d648ba143732bdd95b.png)

You can take this HTML5 element , and inside the HTML editor you can provide the input for file upload like below  
 ![image](https://community.neutrinos.com/uploads/default/optimized/1X/f47740b8b8b13439678054378af6a703f81fdc01_2_690x27.png)

---

<div class="post-metadata">

### Author: ![Rohith](https://community.neutrinos.com/letter_avatar_proxy/v4/letter/r/e99b99/32.png) [@Rohith](https://community.neutrinos.com/u/Rohith)
#### Post date: [May 9, 2025, 9:27am UTC](https://community.neutrinos.com/t/how-to-use-input-type-file/739/5 "2025-05-09T09:27:22Z")

</div>

Thanks for the suggestion!