Сохранение данных изображения холста на сервере и отображение их на другой странице

Question

У меня есть элемент canvas, который использует jQuery для создания различных шаблонов.Я пытаюсь сохранить весь холст, чтобы отобразить его в галерее на другой странице, используя ajax.

$save.on('click', addDrawing);

function addDrawing() {

const dataURL = canvas.toDataURL();
console.log(dataURL, 'dataURL');

const newDrawing = {
  image: dataURL
};


$.ajax({
  url: 'http://localhost:3000/drawings',
  method: 'POST',
  data: JSON.stringify(newDrawing),
  contentType: 'application/json'
  });
 }
});

Я получаю обратно

    {"id":"5bcf01d26828269dfc41739b"}

Iдумаю, что использование stringify неверно.Нужно ли включать функцию showDrawings и функцию getDrawings тоже?Я никогда не использовал ajax и EJS вместе, и это было давно.

Вот код на стороне сервера для папки / Рисунки маршрутов

    router.route('/drawings')
      .get(drawings.index)
      .post(drawings.create);

Папка контроллеров

    function drawingsIndex(req, res) {
      Drawing
        .find()
        .exec()
        .then(drawings => res.json(drawings))
        .catch(err => res.status(500).json(err));
    }

    module.exports = {
       index: drawingsIndex
     }

папка модели

    const mongoose = require('mongoose');

    const drawingSchema = new mongoose.Schema({
    image: String
    });

    module.exports = mongoose.model('Drawing', drawingSchema);