Documentation

1. Requirement

HTML5 is necessary to use this plugin. If you are not sure how to make a website as HTML5, you may need to read this doc (very fast to read).

Browser
Version 8.0 10.0 16.0 6.0 11.0

 

2. HTML

Load jQuery then pUploady plugin in <head></head>.

									<script src="https://code.jquery.com/jquery-2.1.3.min.js" />
<script src="js/puploady.min.js" /></script>
<form method="post" action="" enctype="multipart/form-data">
	<input type="file" name="the_file" required />
	<input type="submit" />
</form>
								

3. Javascript

									$("form").puploady({
    file        : 'upload.php',     //where you will manage data from the form (default: upload.php)
    callback    : false     //if you want a callback (default: false)
});
								

4. PHP

This part is very up to you. I will not show you how tu manage files, pictures etc. This is inside upload.php

									<?php
$the_dir = 'uploads/';
$the_file = $the_dir . basename($_FILES['the_file']['name']);

if(move_uploaded_file($_FILES['the_file']['tmp_name'], $the_file)) {    echo "File uploaded";   } 
else {  echo "Upload failed";   }
?>
								

5. Conclusion

Done. If you want to see how it is really working, you can see the demo page or download the plugin now!