jqUploader Demonstration

Example 1

jqUploader replaces the html file input field with a Flash-based upload field. When the upload is finished, the jquUploader is replaced by a text input field.

This makes it easy to then submit your form and save the file path to a database field for instance, along with the rest of the form fields.

Note that this behaviour can be switched off by providing a url to the "afterScript" option. in such case, after the upload is finished, the flash file will redirect to a new page, allowing, for instance, to show the usr his uploaded image.

$("input#example1").jqUploader({ background: "FF9900", barColor: "FFDD00", allowedExt: "gif" });

Example 2

In example 2, the optional myAfterScript is used to point to a page where the flash should redirect when the upload is finished. We will here point to the file repository

$("input#example2").jqUploader({ afterScript: "files/index.php", barColor: "64A9F6", allowedExt: "jpg|JPG|jpeg|JPEG" });

You can view the uploaded file here .