代码之家  ›  专栏  ›  技术社区  ›  Simeon Nakov

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

  •  5
  • Simeon Nakov  · 技术社区  · 6 年前

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

    每个产品图像都位于 /src/assets/images/products/:id/

    我需要将路径添加到gallery组件,但我无法循环,因为名称是随机的。有没有办法只使用Angular循环遍历文件夹中的每个文件?如果不是,我可以在后端执行此操作而不重命名文件吗?我还在节点上运行该应用程序。js后端,如果这很重要的话。

    1 回复  |  直到 6 年前
        1
  •  10
  •   Sara    6 年前

    前端不能这样做。 您需要的是使用后端并在其中返回文件。

    您将NodeJs用作后端,因此可以使用 fs.readdir 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);
    })
    

    阅读全文 documenation ,它可能会帮助您了解如何继续。