Получить данные (изображение toDataUrl) из почтового запроса ajax в сервлете

Я попытался получить изображение с холста в javascript и отправить его с помощью javascript и получить его в сервлете, чтобы поместить его в массив байтов в базе данных postgresql

Мой подход был:

Сторона сервера:

                //Retrieve and get the drawing
            String imageString = req.getParameter("image");
            imageString = imageString.substring("data:image/png;base64,".length());
            byte[] contentData = imageString.getBytes();
            byte[] decodedData = Base64.decodeBase64(contentData);
            //Store the drawing
            stmt.executeUpdate("INSERT INTO drawing (ID_DESIGNER_AUTHOR, DATA) VALUES ('" + currentPlayerID + "', '" + decodedData + "')");

сторона клиента :

var canvas = document.getElementById('canvasSignature');
var url = canvas.toDataURL();

var xhttp = new XMLHttpRequest();
xhttp.open("POST", "/drawinguess/sendinfo", false);
xhttp.setRequestHeader("Content-Type", "application/upload");
xhttp.send({image:url});

Но req.getParameter ("изображение") имеет значение NULL. Если вы знаете, как я могу это сделать, добро пожаловать! Заранее спасибо