Hi guys, 
Maybe this question asked by some guy but I don't find the answer for this yet, so I would like to ask it again with my case.

I have meet a problem with integratiion jquery file upload into visualforce page. I try to use jquery-file-upload to upload files to chatter files. 

Something like this guy did (http://vimeo.com/59395045) but not hack, not using sfc/servelet.shepherd, only using 'services/data/v29.0/chatter/users/me/files' to upload for the files.

I also get a reference from this link
https://developer.salesforce.com/forums/ForumsMain?id=906F000000099QQIAY

But I don't like his suggestion. 

I tried with jquery file upload and I get the error 401-unauthorized when uploading. So, I appreciate any help to make this one work. Thank you.

This is the code I used for upload:

$(function () {
        'use strict';
        // Enable iframe cross-domain access via redirect option:
        $('#fileupload').fileupload(
            'option',
            'redirect',
            window.location.href.replace(
                /\/[^\/]*$/,
                '/cors/result.html?%s'
            )
        );
    
        if (window.location.hostname === 'blueimp.github.io') {
            // Demo settings:
            $('#fileupload').fileupload('option', {
                url: '//jquery-file-upload.appspot.com/',
                // Enable image resizing, except for Android and Opera,
                // which actually support image resizing, but fail to
                // send Blob objects via XHR requests:
                disableImageResize: /Android(?!.*Chrome)|Opera/
                    .test(window.navigator.userAgent),
                maxFileSize: 5000000,
                acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i
            });
            // Upload server status check for browsers with CORS support:
            if ($.support.cors) {
                $.ajax({
                    url: '//jquery-file-upload.appspot.com/',
                    type: 'HEAD'
                }).fail(function () {
                    $('<div class="alert alert-danger"/>')
                        .text('Upload server currently unavailable - ' +
                                new Date())
                        .appendTo('#fileupload');
                });
            }
        } else {
            // Load existing files:
            $('#fileupload').addClass('fileupload-processing');
            $.ajax({
                // Uncomment the following to send cross-domain cookies:
                //xhrFields: {withCredentials: true},
                
                url: $('#fileupload').fileupload('option', 'url'),
                beforeSend: function(xhr) {
                   xhr.setRequestHeader('Authorization', 'Bearer {!$Api.session_ID}');
                },
                dataType: 'json',
                context: $('#fileupload')[0]
            }).always(function () {
                $(this).removeClass('fileupload-processing');
            }).done(function (result) {
                $(this).fileupload('option', 'done')
                    .call(this, $.Event('done'), {result: result});
            });
        }
       
        // Initialize the jQuery File Upload widget:
        $('#fileupload').fileupload({
            // Uncomment the following to send cross-domain cookies:
            //xhrFields: {withCredentials: true},
            url:'/services/data/v29.0/chatter/users/me/files',
            uploadTemplateId: 'template-upload',
            downloadTemplateId: 'template-download'
        });

    });