Upload files to a FileCloud folder from another website with Embedded File Upload Website Form

February 6, 2015

The Embedded File Upload Website Form enables users to embed a small FileCloud interface onto any website, blog, social networking service, intranet, or any public URL that supports HTML embed code. Using the Embedded File Upload Website Form, you can easily allow file uploads to a specific folder within your account. This feature is similar […]

The Embedded File Upload Website Form enables users to embed a small FileCloud interface onto any website, blog, social networking service, intranet, or any public URL that supports HTML embed code. Using the Embedded File Upload Website Form, you can easily allow file uploads to a specific folder within your account. This feature is similar to File Drop Box that allows your customers or associates to send any type of file without requiring them to log in or to create an account.

Admin Setup

To enable FileCloud to accept uploaded files from embedded websites, your FileCloud Administrator need to disable a setting in the WWWROOT/.htaccess file to allow cross domain requests.

Change From:

<IfModule mod_headers.c>
Header set X-Frame-Options "SAMEORIGIN"
</IfModule>

Change To:

<IfModule mod_headers.c>
#Header set X-Frame-Options "SAMEORIGIN"
</IfModule>

When the above setup is done, follow the below steps to create the Embedded File Upload Website Form.

Step 1:

Create a public share and set permissions such that anyone with the URL can upload. Pick the Share Permissions as screenshot below.

UploadOnly

Step 2:

Click on the Sample Form link next to the Share Permissions drop-down. A window that opens will provide the HTML snippet that is needed for embedding on websites. The HTML snippet contains the URL to the share and all the needed parameters.

SampleForm

Step 3:

The upload form HTML code snippet looks like the below screenshot. Feel free to modify the iFrame size and add other UI changes needed. Moreover, add any CSS look and feel you desire. For the embedded form to work. please make sure not to change the iFrame source URL.

EmbeddedForm

Step 4:

When the URL in the embedded form is clicked, you will see a upload UI as below.

uploader

Now, go embed forms as needed for to receive files from your clients, vendors and add it as part of your survey forms.

By Team FileCloud