如何异步上传文件？

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: ");            }        });    });});我只获取文件名，而不是上传文件。我该怎么做才能解决这个问题？