用猫鼬保存图像

Mar*_*kus 10 javascript mongoose mongodb node.js angularjs

我知道这个话题已经有很多主题,但不幸的是我直到现在才找到答案.我使用angular.js和http://angular-js.in/image-upload/中的示例代码从客户端获取图像.这部分有效

现在到node/mongodb部分,这是我的后端模型:

var userSchema = new mongoose.Schema({
    avatar: { data: Buffer, contentType: String },
    // ...
});

module.exports = mongoose.model('User', userSchema);
Run Code Online (Sandbox Code Playgroud)

和我的节点代码:

exports.createAvatar = function (req, res) {
  var avatar = {
    data: req.body.data.image, // see below
    contentType: 'image/png'
  }

  models.DUser
    .findById(index.findUserId(req))
    .exec(function (err, user) {
      user.avatar = avatar;
      // ...
      user.save(function (err, user) {/* ... */ });
Run Code Online (Sandbox Code Playgroud)

和我的angularCtrl:

var foo = {
  image: image,
  imageName: image.name,
};

$http.post('/api/users', {data: foo })
    .success(function (result) { /*...*/ });
Run Code Online (Sandbox Code Playgroud)

除了req.body.data.image,我尝试了许多不同的变体,如req.body.data.image.dataURL,req.body.data.image.dataURL.data,但到目前为止没有任何工作.我对req.body.data.image的记录显示:

{ file: 
   { webkitRelativePath: '',
     lastModified: 1411073963000,
     lastModifiedDate: '2014-09-18T20:59:23.000Z',
     name: '3770316278.png',
     type: 'image/png',
     size: 32493 },
  url: 'blob:http%3A//127.0.0.1%3A3000/cb20debc-8a3a-468f-ab5c-39299f7ec52b',
  dataURL: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACHCAYAAAC.....
Run Code Online (Sandbox Code Playgroud)

如何将图像保存到数据库?

编辑

我试过后,以节省一切base64,req.body.data.image.dataURL成这样的形象:

var split = req.body.data.image.dataURL.split('base64,');
var type = split[0];
var data = split[1];

var avatar = {
    data: type,
    contentType:'image/png'
};
Run Code Online (Sandbox Code Playgroud)

保存消息仍然是:

user.avatar = avatar
user.save(function (err, user) {}
Run Code Online (Sandbox Code Playgroud)

但我仍然得到错误 base64,


由于我的问题有所改变,我将此标记为已解决,新问题在此处:从MongoDB在Angular.js中显示图像

小智 1

你知道,这绝对不是在 mongo 上保存图像数据的最佳方式。相反,您可以将图像保存在服务器上的任何目录中,并仅保存文件的 url,例如..

猫鼬模型.js

avatar : {
    type : String
}
Run Code Online (Sandbox Code Playgroud)

在你的主脚本上你应该得到

let avatar_url = '/path/to/uploads/' + req.body.data.image.file.name
Run Code Online (Sandbox Code Playgroud)

像这样的东西