> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kibocommerce.com/llms.txt
> Use this file to discover all available pages before exploring further.

# File Upload

> Learn how to upload a file in Kibo CMS File Manager.

Kibo CMS allows you to effortlessly upload files into the **Kibo CMS File Manager** that you can use across your application. In this tutorial, we will learn how to upload a file or multiple files into the **Kibo CMS File Manager**. As an example, we will upload the image shown below. Please save it on your computer to upload later.

<Note>
  The maximum file size per upload is **25 MB**. Files larger than this limit will not be accepted.
</Note>

<Warning>
  Kibo CMS File Manager does not support cache invalidation. If you need to update an asset, upload it as a new file with a different name rather than overwriting the existing one. Overwriting an existing asset will not clear it from CDN caches, so the old version may continue to be served.
</Warning>

<img src="https://mintcdn.com/kibocommerce-59e68a4a/NY-Wcyaw64fZNym1/images/cms/upload-file/upload-image-example.png?fit=max&auto=format&n=NY-Wcyaw64fZNym1&q=85&s=514d3005b9ca51d6f77e3d3234b1bbbd" alt="Industrial Analytics" width="963" height="514" data-path="images/cms/upload-file/upload-image-example.png" />

There are two ways to upload a file in **Kibo CMS File Manager**; let's look at each approach one by one.

## Approach 1: Through file explorer

1. From the **Side Menu**, click **File Manager**.

   > The **File Manager Home** screen opens.

2. Click **UPLOAD**.

   > The file explorer screen opens.

3. From the file explorer, upload the image.

   > The file is uploaded. A pop-up confirmation message "File upload complete" at the bottom of the page.

4. Click on the **EDIT** button to adjust the **Name** and the other metadata of the record, e.g. you can add Tags to optimize organization and searching for assets.

   > The data about the file is updated.

## Approach 2: Drag and drop

1. From the **Side Menu**, click **File Manager**.

   > The **File Manager Home** screen opens.

2. Drag and drop the image from your computer's file explorer to the **Home** screen.

   > A pop-up confirmation message "File upload complete" at the bottom of the page.

## Image Manipulation

Kibo CMS File Manager supports basic image resizing via URL parameter. You can append a `width` query parameter to any image URL to request a resized version:

```
https://your-cdn-url/images/example.jpg?width=800
```

Image manipulation is currently limited to the `width` parameter. Height, crop, format conversion, and other transforms are not supported.

## Upload multiple files

1. From the **Side Menu**, click **File Manager**.

   > The **File Manager Home** screen opens.

2. Click **UPLOAD**.

   > The file explorer screen opens.

3. From the file explorer, select and upload the files.

   > The assets may take some time to be uploaded. The progress bar will inform the user of the percentage completion. Even if the user navigates away from the page the upload completes in the background and the pop-up confirmation message "File upload complete" shows up at the bottom of the page.
