Node js: Сохранить картинку с Canvas

В браузере есть канвас, пользователь выделяет прямоугольную область, а затем сохраняет. Выделенное сохраняется на компьютере и на канвасе появляется новое следующее изображение, где пользователь также выделяет прямоугольную область. Я отправляю на сервер dataURI выделенной области канваса с помощью POST запроса, но спустя 7 картинок на канвасе перестают загружаться новые картинки

Код javascript в index.ejs файле

ctx.drawImage(pic, top_point[0], top_point[1], width, height, 0, 0, canvas.width, canvas.height) // вывод выделенного фрагмента на canvas
var imageURI = canvas.toDataURL("image/jpg"); // data URI
var msg = JSON.stringify(imageURI);
var xhr = new XMLHttpRequest();
xhr.open('POST', '/', true);
xhr.send(msg);
next_image()

Код в server.js файле

app.post('/', (request, response) => {
   var body = '';
    request.on('data', function (data) {
       body += data;
    });
    request.on('end', function () {
        post = JSON.parse(body);
        var data = post.replace(/^data:image\/\w+;base64,/, "");
        var buf = Buffer.from(data, 'base64');
       writeFileToSystem(buf);

    });
});

Может есть какой-нибудь другой способ сохранить картинку?


Ответы (0 шт):