在 Angular 中向/从 MongoDB POST 和 GET 图像

Question

我正在制作一个 Angular 应用程序，它为用户提供了管理项目的可能性。我有 nodeJS & express 服务端和 MongoDB 作为我的数据库。

我想实现，用户可以将媒体（16MB 以下的图像，因此无需使用 GridFS）上传到他们的项目，并且您可以显示哪个项目，附加了哪些媒体。

我没有得到图像，也没有错误。如何将 project_Id 从 angular 传递到我的路线，以找到附加到项目的媒体？这种尝试发布和获取媒体的方式是否正确？

项目和媒体模型：

var mediaSchema = mongoose.Schema({
        media       : {data: Buffer, contentType: String},
        project_id  : String,
        updated_at  : {type: Date, default: Date.now }
});

---

var projectSchema = mongoose.Schema({
        author      : String,
        name        : String,
        description : String,
        tags        : String,
        updated_at  : {type: Date, default: Date.now },
        active      : {type: Boolean, default: false}
});

路由

var Media = require('./models/media.js'); 
//GET all the media
app.get('/uploads/', function(req, res, next){
    Media.find(function (err, media){
        if (err) return next (err);
        res.json(media);
    });
});
//GET one item
app.get('/uploads/media/:projectId', function(req, res, next){
    Media.findOne(req.params , function (err, media){
        if (err) return next (err);
        res.json(media);
    });
});

管理上传

app.use(multer({ dest: './uploads/',
 rename: function (fieldname, filename) {
    return filename+Date.now();
  },
onFileUploadStart: function (file) {
  console.log(file.originalname + ' is starting ...')
},
onFileUploadComplete: function (file) {
  console.log(file.fieldname + ' uploaded to  ' + file.path)
  done=true;
}
}));    

var Media = require('./app/models/media.js'); 
//POST media to the upload directory
app.post('/uploads/', function(req, res){
   if(done==true){
    Media.create(req.body, function(err, post){            
        console.log(req.files);
        res.end('File uploaded');          
    });
   }
});

角度控制器

    var app = angular.module('myApp', []);

    app.controller('projectCtrl', function($scope, $http) {
        $scope.myVar = false;
        $scope.toggle = function() {
            $scope.myVar = !$scope.myVar
        };
        $http.get('/profile/project/').then(function (res){
            $scope.projects = res.data;
        });


        //GET Media
        var projectId = {{projects._id}};
        $http.get('/uploads/media' + projectId).succes(function(data){
            console.log('Medien-Daten erhalten');
            $scope.media = data;
        });
    });

来自德国的亲切问候， 大卫

更新（新错误）

尝试实施解决方案时，我的示波器出现问题。当我为媒体添加 $http.get 时，我的其他范围似乎没有获取任何数据......它们显示如下：

更新 2（修复范围错误）

修复了控制器中的错误。我没有为 projectId 定义一个 var，这导致了错误。 设法使 GET 请求工作，我的应用程序正在数据库中查找条目。但是我什么都看不到..

Answer 1

您在 get all 函数中对.find 的使用不正确。

见http://mongoosejs.com/docs/api.html#query_Query-find

Media.find({}, function (err, media){
    if (err) return next (err);
    res.json(media);
});

这将返回所有文档。