File

class marimo.ui.file(filetypes: Sequence[str] | None = None, multiple: bool = False, kind: Literal['button', 'area'] = 'button', *, label: str = '', on_change: Callable[[Sequence[FileUploadResults]], None] | None = None)

A button or drag-and-drop area to upload a file.

Once a file is uploaded, the UI element’s value is a list of namedtuples (name, contents), where name is the filename and contents is the contents of the file. Alternatively, use the methods name(index: int = 0) and contents(index: int = 0) to retrieve the name or contents of the file at a specified index.

Use the kind argument to switch between a button and a drag-and-drop area.

The maximum file size is 100MB.

Examples.

Uploading a single file:

f = mo.ui.file()

# access the uploaded file's name
f.value[0].name
# or
f.name()

# access the uploaded file's contents
f.value[0].contents
# or
f.contents()

Uploading multiple files, accepting only .png and .jpg extensions:

f = mo.ui.file(filetypes=[".png", ".jpg"], multiple=True)

# access an uploaded file's name
f.value[index].name
# or
f.name(index)

# access the uploaded file's contents
f.value[index].contents
# or
f.contents(index)

Attributes.

• value: a sequence of FileUploadResults, which have string name and bytes contents fields

Methods.

• name(self, index: int = 0) -> Optional[str]: Get the name of the uploaded file at index.

• contents(self, index: int = 0) -> Optional[bytes]: Get the contents of the uploaded file at index.

Initialization Args.

• filetypes: the file types accepted; for example, filetypes=[".png", ".jpg"]. If None, all files are accepted. In addition to extensions, you may provide "audio/*", "video/*", or "image/*" to accept any audio, video, or image file.

• multiple: if True, allow the user to upload multiple files

• kind: "button" or "area"

• label: markdown label for the element

• on_change: optional callback to run when this element’s value changes

Public methods

name([index])	Get file name at index.
contents([index])	Get file contents at index.

Inherited from UIElement

form([label, bordered, loading, ...])	Create a submittable form out of this UIElement.
send_message(message, buffers)	Send a message to the element rendered on the frontend from the backend.

Inherited from Html

batch(**elements)	Convert an HTML object with templated text into a UI element.
center()	Center an item.
right()	Right-justify.
left()	Left-justify.
callout([kind])	Create a callout containing this HTML element.
style([style])	Wrap an object in a styled container.

Public Data Attributes:

Inherited from UIElement

value

The element’s current value.

Inherited from Html

text	A string of HTML representing this element.

---

name(index: int = 0) → str | None

Get file name at index.

contents(index: int = 0) → bytes | None

Get file contents at index.