使用Angular遍历文件夹中的所有文件/图像

Question

我有一个包含某些产品的应用程序，每个产品都有一个包含不同数量图像的图库。每个图像的名称都是完全随机的/与其他图像名称无关联。

每个产品图片都在中/src/assets/images/products/:id/。

我需要将路径添加到图库组件，但由于名称是随机的，因此无法遍历它们。有什么方法可以仅使用Angular循环浏览文件夹中的每个文件吗？如果不能，可以在后台重命名文件吗？如果重要的话，我还在Node.js后端上运行该应用程序。

Answer 1

您无法使用前端做到这一点。您需要使用后端并在其中返回文件。

您使用NodeJ作为后端，因此可以使用fs.readdiror fs.readdirSync方法。

fs.readdir

const testFolder = './images/';
const fs = require('fs');

fs.readdir(testFolder, (err, files) => {
  files.forEach(file => {
    console.log(file); // use those file and return it as a REST API
  });
})

fs.readdirSync

const testFolder = './images/';
const fs = require('fs');

fs.readdirSync(testFolder).forEach(file => {
  console.log(file);
})

阅读完整的文档，它可以帮助您进行操作。