# File Upload 🟢

## Goals

* Work with a standard webflow form 
* Support file posting to;
  * Webflow ( with business plan ) 
  * Basin 
  * UploadCare ( future ) 
* Support click or drag-drop to add files 
* Allow single or multiple files 
* Support constraints 
  * File type
  * File count
  * File size 

Max file upload size\
<https://discourse.webflow.com/t/change-form-file-upload-maximal-file-size/94846/11>

Single-file v. Multi-file?&#x20;

File type constraints?&#x20;

## Usage

Drop into a Webflow form.&#x20;

{% hint style="warning" %}
You must have `enctype="multipart/form-data"` on the `<form>`. Without it, the browser submits as `application/x-www-form-urlencoded` and drops file contents.&#x20;
{% endhint %}

## Technical Notes

Implemented as a Code Component.&#x20;

## Styling&#x20;

```
  --cc-formfile-border-color: #059669;
  --cc-formfile-border-thickness: 2px;
  --cc-formfile-background-color: #f8fafc;
  --cc-formfile-hover-background-color: #ecfdf5;
```