如何异步上传文件？

Question

我想用jQuery异步上传一个文件。这是我的HTML：

<span>File</span>

<input type="file" id="file" name="file" size="10"/>

<input id="uploadbutton" type="button" value="Upload"/>

在这里我的Jquery代码：

$(document).ready(function () {

    $("#uploadbutton").click(function () {

        var filename = $("#file").val();

        $.ajax({

            type: "POST",

            url: "addFile.do",

            enctype: 'multipart/form-data',

            data: {

                file: filename

            },

            success: function () {

                alert("Data Uploaded: ");

            }

        });

    });

});

我只获取文件名，而不是上传文件。我该怎么做才能解决这个问题？