Как загружать файлы на сервер с помощью JSP / Servlet и Ajax?

I ' m создаю веб-приложение JSP / Servlet, и я хотел бы загрузить файл в сервлет через Ajax. Как мне это сделать? Я использую jQuery.

Я уже сделал:

<form class="upload-box">
    <input type="file" id="file" name="file1" />
    <span id="upload-error" class="error" />
    <input type="submit" id="upload-button" value="upload" />
</form>

С этим jQuery:

$(document).on("#upload-button", "click", function() {
    $.ajax({
        type: "POST",
        url: "/Upload",
        async: true,
        data: $(".upload-box").serialize(),
        contentType: "multipart/form-data",
        processData: false,
        success: function(msg) {
            alert("File has been uploaded successfully");
        },
        error:function(msg) {
            $("#upload-error").html("Couldn't upload file");
        }
    });
});

Однако, похоже, он не отправляет f содержимое файла.