将数据从html画布保存到mongodb集合

时间:2016-08-09 02:50:59

标签: mongodb meteor canvas

Meteor客户端代码显示用于用户签名的画布和选项,以便将其保存到稍后要提取的用户集合中,以便插入到将来还需要签名的html报告页面中。

实现这一目标以及如何实现这一目标的概要是什么?

//client
let imgData = ctx.getImageData(0, 0, width, height);
Meteor.call('saveImageToUser', imgData);

//server
Meteor.methods({
  'saveImageToUser': (img) => {
    Meteor.users.update(userId, {
      signature: img
    })
  }
});

1 个答案:

答案 0 :(得分:1)

我在其中一个网络应用中做了同样的事情。

我的HTML:

   <canvas id="simple_sketch" width="400" height="400"></canvas>

我的客户js:

var canvas = $(#simple_sketch")[0].toDataURL(); 
Meteor.call('saveImageToUser', canvas);

我的方法(请记住,由于meteor的用户对象,您必须将其保存在用户的profile对象中。

'saveImageToUser' : img => {
   Meteor.users.update(userId, {
        'profile.signature' : img
   })
 }