遍历 Angular 文件夹中的所有 files/images
Loop through all files/images in a folder with Angular
我有一个包含一些产品的应用程序,每个产品都有一个包含不同数量图片的图库。每个图像都有一个完全随机的名称/与其他图像名称无关。
每个产品图片都在 /src/assets/images/products/:id/
中。
我需要将路径添加到图库组件,但我无法遍历它们,因为名称是随机的。有什么方法可以只使用 Angular 循环访问文件夹中的每个文件吗?如果不能,我可以在不重命名文件的情况下在后端进行吗?如果重要的话,我也是 运行 Node.js 后端上的应用程序。
你不能用前端做到这一点。
您需要做的是在其中使用 back-end 和 return 文件。
您将 NodeJs 用作 back-end,因此可以使用 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.readdir同步
const testFolder = './images/';
const fs = require('fs');
fs.readdirSync(testFolder).forEach(file => {
console.log(file);
})
阅读全文 documenation,它可能会帮助您了解如何继续。
我有一个包含一些产品的应用程序,每个产品都有一个包含不同数量图片的图库。每个图像都有一个完全随机的名称/与其他图像名称无关。
每个产品图片都在 /src/assets/images/products/:id/
中。
我需要将路径添加到图库组件,但我无法遍历它们,因为名称是随机的。有什么方法可以只使用 Angular 循环访问文件夹中的每个文件吗?如果不能,我可以在不重命名文件的情况下在后端进行吗?如果重要的话,我也是 运行 Node.js 后端上的应用程序。
你不能用前端做到这一点。 您需要做的是在其中使用 back-end 和 return 文件。
您将 NodeJs 用作 back-end,因此可以使用 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.readdir同步
const testFolder = './images/';
const fs = require('fs');
fs.readdirSync(testFolder).forEach(file => {
console.log(file);
})
阅读全文 documenation,它可能会帮助您了解如何继续。