---
hide_title: true
hide_table_of_contents: true
title: Open File Picker node
---

<##head##>

# Open File Picker

This node opens a file picker dialog. Noodl uses the system file picker dialog, meaning it works seamlessly with the users native device experience.

<div className="ndl-image-with-background l">

![](/nodes/utilities/open-file-picker/open-file-picker.png)

</div>

You can define what file types are allowed to be uploaded. This is done by entering a <span className="ndl-data">string</span> of file types: each item needs to start with a period (`.`) and be separated by a comma (`,`). Leave the list blank if you want to accept any file type.

<##head##>

## Inputs

| Signal                                   | Description                                                                     |
| ---------------------------------------- | ------------------------------------------------------------------------------- |
| <span className="ndl-signal">Open</span> | <##input:open##>Send a signal to this input to open the file picker.<##input##> |

| Data                                                  | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| ----------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-data">Accepted file types</span> | <##input:accepted file types##>A comma separated list of file types that the user can select. Leave blank to accept any file type.<##input##><br/><br/>The file type can be specified as a filename extension, starting with a period. E.g. `.png`, `.json` or `.png, .jpg`.<br/><br/>The type can also be specified as a [MIME type](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types). E.g. `image/*`, `image/png` or `video/mp4`. |

## Outputs

| Data                                   | Description                                                                                                                                                                                                                                                                                                                                                             |
| -------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-data">File</span> | <##output:file##>A web file API Object.<##output##> A [File](https://developer.mozilla.org/en-US/docs/Web/API/File) object. This can be used uploaded via [Upload File](/nodes/data/cloud-data/upload-file), sent as a part of a [REST](/nodes/data/rest) call, processed in a [Function](/nodes/javascript/function) node, used together with modules, or other tasks. |

### Metadata

| Data                                            | Description                                                            |
| ----------------------------------------------- | ---------------------------------------------------------------------- |
| <span className="ndl-data">Path</span>          | <##output:path##>The local path to the file.<##output##>               |
| <span className="ndl-data">Name</span>          | <##output:name##>Name of the file, without the path.<##output##>       |
| <span className="ndl-data">Size in bytes</span> | <##output:size in bytes##>Total size of the file in bytes.<##output##> |
| <span className="ndl-data">Type</span>          | <##output:type##>The file type<##output##>                             |

| Signal                                      | Description                                                                 |
| ------------------------------------------- | --------------------------------------------------------------------------- |
| <span className="ndl-signal">Success</span> | <##output:success##>Triggered when the user has selected a file<##output##> |