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"}

我认为使用stringify是不正确的。我是否还需要包括一个showDrawings函数和一个getDrawings函数？我从没一起使用ajax和EJS，已经有一段时间了。

这是/ drawings的服务器端代码路线文件夹

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

controllers文件夹

    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);

将画布图像数据保存在服务器上并在另一页上显示

0 个答案: