Set up in your web page or application

Real Uploader is extremely simple to install in your web site. Just include the single Javascript file and the style and you're ready to go.

  1. Include RealUploader.js and one of the provided themes css at the head of your page (or bottom):
                            
        <head>
            <link rel="stylesheet" type="text/css" href="css/minimal.css" />
            <script src="js/RealUploader.js"></script>
        </head>
                        
  2. Create a target container (div or span) where you want to set the uploader:
                            <div class="targetElement"></div>
                        
  3. Upload on your host the upload.php file provided with Real Uploader. By default Real Uploader points directly to upload.php, but the path of the file can be customized and set using the url option.
  4. Just call the uploader class by giving it as first argument the CSS selector of you element:
                            var uploader = new RealUploader(".targetElement", {
        url:'upload.php'
    });