Node всегда возвращает пустой массив

Question

У меня есть следующий запрос Получить в сервере ...

var imageFiles = []; 
var dir = 'public/img/'; 
fs.readdir(dir, function(err, files){ 
    if (err) return console.error(err); 
    files.forEach(function(file) { 
      file = dir + file; 
      imageFiles.push(file) 
    }); 
}); 
res.send(imageFiles); 
res.end(); 

imageFiles всегда возвращается к angular как empty array. Если я console.log(imageFiles) перед ответом, он также пуст. Однако, если я console.log(files), они все там. Что я делаю не так!?

Answer 1

fs.readdir - это асинхронная функция. Он завершается в передающей функции функции обратного вызова.

Итак, когда вы делаете res.send, файлы изображений пустые.

var imageFiles = []; 
... 
fs.readdir(dir, function(err, files){ 
    // files is populated here after readdir returns. 
}); 

// this line executes before readdir returns 
res.send(imageFiles); 

Вам нужно сделать что-то вроде:

var imageFiles = []; 
... 
fs.readdir(dir, function(err, files){ 
    ... 
    res.send(imageFiles); 
    res.end(); 
}); 

Добро пожаловать в асинхронном программировании :)

Checkout async.js. Это помогает распутать обратный вызов ад:

http://www.sebastianseilund.com/nodejs-async-in-practice

Answer 2

С Array.prototype.forEach блокирует, вы можете просто вызвать ваши другие методы после foreEach заявления. ;

fs.readdir(dir, function(err, files){ 
    if (err) return console.error(err); 
    files.forEach(function(file) { 
      file = dir + file; 
      imageFiles.push(file) 
    }); 
    res.send(imageFiles); 
    res.end(); 
});