我正在制作一个角度应用程序,它为用户提供了管理他们项目的可能性。我有 nodeJS & express 服务端和 MongoDB 作为我的数据库。
我想实现,用户可以将媒体(16MB 以下的图像,因此无需使用 GridFS)上传到他们的项目,并且您可以显示哪个项目,附加了哪些媒体。
我没有得到图像,也没有错误。如何将project_Id
from 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 请求工作,我的应用程序正在数据库中查找条目。但我看不到任何..