Examples

The image will be resized before get uploaded on server

Code

                        <!DOCTYPE html>
    <html>
    <head>
        <title>Image resize client side</title>
        <link rel="stylesheet" type="text/css" href="css/minimal.css" />
        <script src="js/RealUploader.js"></script>
    </head>
    <body><div id="targetElement"></div>
    <script type="text/javascript">
        var uploader = new RealUploader("#targetElement", {
            accept: "image/*",
            resizeImage: {
                maxWidth: 100,
                maxHeight: 200,
                scaleMethod: 3
            }
        });
    </script>
    </body>
    </html>

Result