Note: If you want to test the auto-resume feature, you must use any browser other than IE9Īnd older or stock Android and submit a large file 6-15MB. Please read the blog post on the Fine Uploader S3 module for more details. You can easily duplicate this example in your project by following our Fine Uploader S3 getting started guide. The server-side code for this demo was written in PHP.

Server-generated thumbnail display (older browsers).

Client-side preview generation (newer browsers).

Sending an ajax request to your server when the file is in S3.

Use of a custom domain for an S3 bucket.

You can also download the file after a successful upload (by clicking on the thumbnail). Yes, this actually does upload files to an S3 bucket! Provides a generically reusable function to handle the upload. Here, you can try out Fine Uploader S3 by sending files to one of our S3 buckets! This example uses plain AJAX and HTML5 to asynchronously upload one or more image files using script code to capture the file stream of the selected files and posting them to the server using jQuerys.

Note: File bytes are not actually being sent to the server for this demo due to limitations of the GitHub Pages server.īelow is a fully-functional live demo that also includes the native preview/thumbnail generation feature. This demo uses the default simple thumbnails template bundled with Fine Uploader UI.įor details on customizing templates, see the styling documentation. allowed extensions ( jpeg, jpg, gif, and png).For more info, see the thumbnail feature docs. Note that client-side previews are only supported in modern browsers In this demo, we're utilizing Fine Uploader 4's client-side image Have a look at the following live demos for examples of common setups. Use one of the provided server scripts, or write your own.Download and unpack the latest version of Fine Uploader.You can quickly set up an HTML page in order to use Fine Uploader:

There are absolutely no other dependencies. Want to upload files to your own server? You need only to include a CSS file,Ī JavaScript file, and handle the uploads on the server side according to the technology you are using.

File upload example html