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

Question

Я пытался получить изображение с холста в 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 ("image") является нулевым.Если у вас есть идеи, как я могу это сделать, добро пожаловать!Заранее спасибо