^

Real Ajax Uploader logo

  • Facebook
  • Twitter
  • Google+
  • Pinterest

How to setup

Install the uploader

  1. Load jQuery.js and ajaxupload-min.js in the head section for your html document:

    <script src="jslibs/jquery.js" type="text/javascript"></script> 	
    <script src="jslibs/ajaxupload-min.js" type="text/javascript"></script>
    
  2. Load the CSS theme file that styles the plugin (4 themes avaible):

    <link rel="stylesheet" href="css/baseTheme/style.css" type="text/css" media="all" /> 
    OR
    <link rel="stylesheet" href="css/listTheme/style.css" type="text/css" media="all" /> 
    
  3. Create a DIV or SPAN or FORM (for no-js fallback) tag (even P), style it as you wish, give a class or id, put where you want:

    <div class="demo" > </div>
    
  4. At server side just put the PHP upload.php or the ASPX upload.aspx and upload.aspx.cs if you have IIS aspx base server script and also copy the css folder:

    upload.php OR upload.aspx + upload.aspx.cs
    css/
    
  5. Finally just make a minimal call to the plugin on the created tag and specify the url of ajax call:

    $('.demo').ajaxupload({
    	url:'upload.php'
    });