plupload

gistfile1.txt

$(function() {
  var avatar_uploader = new plupload.Uploader({
    runtimes: 'html5,flash,html4',
		container : 'avatar-upload',
		browse_button : 'avatar-browse',
		url : '<%= upload_image_user_path %>',
    max_file_size: '10mb',
    multiple_queues: true,
		flash_swf_url : '/plupload/plupload.flash.swf',
    multipart: true,
    multipart_params: {
      '_http_accept': 'application/javascript',
      'authenticity_token' : '<%= form_authenticity_token %>',
      '<%= session_key_name %>' : encodeURIComponent('<%= u cookies[session_key_name] %>'),
      'type': 'avatar'
    },
    filters: [
      {title: "Images", extensions: "jpg,jpeg,png"}
    ]
  });
  avatar_uploader.init();
  avatar_uploader.bind('FilesAdded', function(up, files) {
		avatar_uploader.start();
	});
	avatar_uploader.bind('FileUploaded', function(up, file, info) {
    eval(info["response"]);
  });
  avatar_uploader.bind('UploadProgress', function(up, file) {
    $('#avatar-upload .info').text("Uploading " + file.percent + "%");
  });
});