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);
});
});
Может есть какой-нибудь другой способ сохранить картинку?