plupload filename change
<p>The plugin is suppose to have a built in unique name changer but doesn't seem to work. Not sure were the issue is.</p>

<pre><code>&lt;div class="upload-form" id="uploader"&gt;

    &lt;!-- Form Heading --&gt;
    &lt;h1 class="replace-text"&gt;Upload Form&lt;/h1&gt;
    &lt;a href="#" class="close" title="Close Window"&gt;&lt;img src="img/close-button.png" alt="Close"&gt;&lt;/a&gt;

    &lt;!-- Select &amp; Upload Button --&gt;
    &lt;div&gt;
        &lt;a class="button" id="pickfiles" href="#"&gt;Select&lt;/a&gt;
        &lt;a class="button" id="uploadfiles" href="#"&gt;Upload&lt;/a&gt;
    &lt;/div&gt;

    &lt;!-- File List --&gt;
    &lt;div id="filelist" class="cb"&gt;&lt;/div&gt;

    &lt;!-- Progress Bar --&gt;
    &lt;div id="progressbar"&gt;&lt;/div&gt;

    &lt;!-- Close After Upload --&gt;
    &lt;div id="closeAfter"&gt;
        &lt;span class="checkbox"&gt;
            &lt;input type="checkbox" name="checkbox" id="checkbox"&gt;
            &lt;label for="checkbox"&gt;Close window after upload&lt;/label&gt;
        &lt;/span&gt;
    &lt;/div&gt;

&lt;/div&gt;&lt;!-- close uploader --&gt;
</code></pre>

<p>That is my mini file uploader and below is the script to handle the information into the S3 bucket.</p>

<pre><code>&lt;script&gt;
// Upload Form
        $(function() {
            // Settings ////////////////////////////////////////////////
            var uploader = new plupload.Uploader({
                runtimes : 'html5,flash,silverlight', // Set runtimes, here it will use HTML5, if not supported will use flash, etc.
                unique_names: true,
                browse_button : 'pickfiles', // The id on the select files button
                multi_selection: true, // Allow to select one file each time
                container : 'uploader', // The id of the upload form container
                max_file_size : '800kb', // Maximum file size allowed
                url : 'http://&lt;?php echo $bucket; ?&gt;.s3.amazonaws.com/',
                multipart: true,
                multipart_params: {
                    'key': '&lt;?=$slug?&gt;/${filename}', // use filename as a key
                    'Filename': '${filename}', // adding this to keep consistency across the runtimes
                    'acl': 'public-read',
                    'Content-Type': 'image/jpeg',
                    'success_action_status': '201',
                    'AWSAccessKeyId' : '&lt;?php echo $accessKeyId; ?&gt;',       
                    'policy': '&lt;?php echo $policy; ?&gt;',
                    'signature': '&lt;?php echo $signature; ?&gt;'
                },
                flash_swf_url : '&lt;?php echo get_stylesheet_directory_uri(); ?&gt;/js/plupload.flash.swf', // The url to thye flash file
                silverlight_xap_url : '&lt;?php echo get_stylesheet_directory_uri(); ?&gt;/js/plupload.silverlight.xap', // The url to the silverlight file

                filters : [ {title : "Image files", extensions : "jpg,gif,png"} ] // Filter the files that will be showed on the select files window
            });

            // RUNTIME
            uploader.bind('Init', function(up, params) {
                $('#runtime').text(params.runtime);
            });

            // Start Upload ////////////////////////////////////////////
            // When the button with the id "#uploadfiles" is clicked the upload will start
            $('#uploadfiles').click(function(e) {
                uploader.start();
                e.preventDefault();
            });

            uploader.init(); // Initializes the Uploader instance and adds internal event listeners.

            // Selected Files //////////////////////////////////////////
            // When the user select a file it wiil append one div with the class "addedFile" and a unique id to the "#filelist" div.
            // This appended div will contain the file name and a remove button
            uploader.bind('FilesAdded', function(up, files) {
                $.each(files, function(i, file) {
                    $('#filelist').append('&lt;div class="addedFile" id="' + file.id + '"&gt;' + file.name + '&lt;a href="#" id="' + file.id + '" class="removeFile"&gt;&lt;/a&gt;' + '&lt;/div&gt;');
                });
                up.refresh(); // Reposition Flash/Silverlight
            });

            // Error Alert /////////////////////////////////////////////
            // If an error occurs an alert window will popup with the error code and error message.
            // Ex: when a user adds a file with now allowed extension
            uploader.bind('Error', function(up, err) {
                alert("Error: " + err.code + ", Message: " + err.message + (err.file ? ", File: " + err.file.name : "") + "");
                up.refresh(); // Reposition Flash/Silverlight
            });

            // Remove file button //////////////////////////////////////
            // On click remove the file from the queue
            $('a.removeFile').live('click', function(e) {
                uploader.removeFile(uploader.getFile(this.id));
                $('#'+this.id).remove();
                e.preventDefault();
            });

            // Progress bar ////////////////////////////////////////////
            // Add the progress bar when the upload starts
            // Append the tooltip with the current percentage
            uploader.bind('UploadProgress', function(up, file) {
                var progressBarValue = up.total.percent;
                $('#progressbar').fadeIn().progressbar({
                    value: progressBarValue
                });
                $('#progressbar .ui-progressbar-value').html('&lt;span class="progressTooltip"&gt;' + up.total.percent + '%&lt;/span&gt;');
            });

            // Close window after upload ///////////////////////////////
            // If checkbox is checked when the upload is complete it will close the window
            uploader.bind('UploadComplete', function() {
                if ($('.upload-form #checkbox').attr('checked')) {
                    $('.upload-form').fadeOut('slow');
                }
            });

            // Close window ////////////////////////////////////////////
            // When the close button is clicked close the window
            $('.upload-form .close').on('click', function(e) {
                $('.upload-form').fadeOut('slow');
                e.preventDefault();
            });

        }); // end of the upload form configuration

        // Check Box Styling
        $(document).ready(function() {

            var checkbox = $('.upload-form span.checkbox');

            // Check if JavaScript is enabled
            $('body').addClass('js');

            // Make the checkbox checked on load
            checkbox.addClass('checked').children('input').attr('checked', true);

            // Click function
            checkbox.on('click', function() {

                if ($(this).children('input').attr('checked')) {
                    $(this).children('input').attr('checked', false);
                    $(this).removeClass('checked');
                }

                else {
                    $(this).children('input').attr('checked', true);
                    $(this).addClass('checked');
                }

            });

        });
        &lt;/script&gt;
</code></pre>

<p>As you can see I do have unique names set to true but the file names stay the same. Any way to make them unique on my own? </p>
