(function($) {
    jQuery.fn.ajaxUpload = function() {
        $(this).append('<form action="/test.php" method="post" enctype="multipart/form-data" id="ajaxUploadForm" name="ajaxUploadForm">' +
            '<input type="hidden" name="filetypes" value="jpg,gif,png" />' +
            '<input type="hidden" name="action" value="AjaxUpload" />' +
            '<input size="15" type="file" id="up_file" name="up_file" class="ajaxFile" />' +
        '</form>');
       
        var event = {
            init : function() {
                $('iframe#ajaxUploadFrame').remove();          
                $('body').append('<iframe src="about:blank" id="ajaxUploadFrame" name="ajaxUploadFrame"></iframe>');
                $('iframe#ajaxUploadFrame').toggle();
   
                $("iframe#ajaxUploadFrame").load(function(){           
                    event.loaded(this);      
                });
                return 'ajaxUploadFrame';                                 
            },
           
            submit : function(_form) {
                _form.setAttribute('target', event.init());
            },
           
            loaded : function(id) {
                var d = (id.contentDocument) ? id.contentDocument : ((id.contentWindow)  ? id.contentWindow.document : window.frames[id].document);
                var html = event.buildResponse(eval('(' + d.body.innerHTML + ')'));
                $('#response').append(html);
            },
           
            buildResponse: function(o) {
                return o.name + ': ' + o.type + ' = ' + o.size;
            }
        }
       
        $('input.ajaxFile').bind('change', function(e) {
            $('form#ajaxUploadForm').submit();
        });
 
       
        $('form#ajaxUploadForm').submit(function(){
            return event.submit(this);
        });
    }; 
})(jQuery);