---
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##*/} |